如何设计ScrollViewer中水平滚动条的高度？

jstangwh 2010-08-02 03:31:15
下面是我设计的，模板加上高度是可以改变。但是为什么移动但是ScrollViewer容器中的东西不移动了？


<ScrollViewer x:Name="sl" HorizontalAlignment="Left" HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Auto" Template="{StaticResource sll}">

<StackPanel x:Name="ChildGrid2" Orientation="Horizontal"></StackPanel>

</ScrollViewer>

下面是我的模板的代码




<ControlTemplate x:Key="sll" TargetType="ScrollViewer">

<Grid Background="{TemplateBinding Panel.Background}">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*" />

<ColumnDefinition Width="Auto" />

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition Height="*" />

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<Rectangle Grid.Column="1" Grid.Row="1" Fill="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />

<ScrollContentPresenter 

Grid.Column="0" 

Grid.Row="0" 

Margin="{TemplateBinding Control.Padding}" 

Content="{TemplateBinding ContentControl.Content}" 

ContentTemplate="{TemplateBinding ContentControl.ContentTemplate}" 

CanContentScroll="{TemplateBinding ScrollViewer.CanContentScroll}" />

<ScrollBar 

Grid.Column="1" 

Grid.Row="0" 

Minimum="0" 

Maximum="{TemplateBinding ScrollViewer.ScrollableHeight}" 

ViewportSize="{TemplateBinding ScrollViewer.ViewportHeight}" 

Value="{Binding Path=VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource Mode=TemplatedParent}}" 

Visibility="{TemplateBinding ScrollViewer.ComputedVerticalScrollBarVisibility}" 

Cursor="Arrow" 

AutomationProperties.AutomationId="VerticalScrollBar" />

<ScrollBar Height="50"

Orientation="Horizontal" 

Grid.Column="0" 

Grid.Row="1" 

Minimum="0" 

Maximum="{TemplateBinding ScrollViewer.ScrollableWidth}" 

ViewportSize="{TemplateBinding ScrollViewer.ViewportWidth}" 

Value="{Binding Path=HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource Mode=TemplatedParent}}" 

Visibility="{TemplateBinding ScrollViewer.ComputedHorizontalScrollBarVisibility}" 

Cursor="Arrow" 

AutomationProperties.AutomationId="HorizontalScrollBar" />

</Grid>

</ControlTemplate>



下面是效果图。但是滚动不了了~~
...全文
501 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
jv9 2010-08-03
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 jstangwh 的回复:]
引用 8 楼 guoluren_kang 的回复:
引用 7 楼 jstangwh 的回复:
引用 6 楼 sunpire 的回复:
这个只能在派生类的 override OnApplyTemplate() 中去实现，

C# code

public ScrollBar HorizontalBar{ get; private set; }
public override void……
[/Quote]

效果看起来很不错啊，加油文辉。
jstangwh 2010-08-03
  • 打赏
  • 举报
 回复
[Quote=引用 11 楼 jv9 的回复:]
引用 9 楼 jstangwh 的回复:
引用 8 楼 guoluren_kang 的回复:
引用 7 楼 jstangwh 的回复:
引用 6 楼 sunpire 的回复:
这个只能在派生类的 override OnApplyTemplate() 中去实现，

C# code

public ScrollBar HorizontalBar{ get; private set; }……
[/Quote]

好~~~
Sunpire 2010-08-02
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 jstangwh 的回复:]
步骤1,将滚动条隐藏
步骤2.自己做了一个"滚动条" 来控制隐藏的滚动条实现滑块的效果[/Quote]
还有一种办法，从 Panel 派生一个子类，实现自定义面板，用来摆放特定的对象，可以更彻底的解决问题。
jstangwh 2010-08-02
  • 打赏
  • 举报
 回复
[Quote=引用 8 楼 guoluren_kang 的回复:]
引用 7 楼 jstangwh 的回复:
引用 6 楼 sunpire 的回复:
这个只能在派生类的 override OnApplyTemplate() 中去实现，

C# code

public ScrollBar HorizontalBar{ get; private set; }
public override void OnApplyTemplate()
{
base……
[/Quote]
刚回宿舍~代码在公司.说白了
由于我们的产品全是在触摸屏下面操作的.所以
步骤1,将滚动条隐藏
步骤2.自己做了一个"滚动条" 来控制隐藏的滚动条实现滑块的效果

明天贴下代码和效果图吧.
老Key 2010-08-02
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 jstangwh 的回复:]
引用 6 楼 sunpire 的回复:
这个只能在派生类的 override OnApplyTemplate() 中去实现，

C# code

public ScrollBar HorizontalBar{ get; private set; }
public override void OnApplyTemplate()
{
base.OnAppl……


我已经用另外一……
[/Quote]说出来分享一下啊。。呵呵
jstangwh 2010-08-02
  • 打赏
  • 举报
 回复
[Quote=引用 6 楼 sunpire 的回复:]
这个只能在派生类的 override OnApplyTemplate() 中去实现，

C# code

public ScrollBar HorizontalBar{ get; private set; }
public override void OnApplyTemplate()
{
base.OnAppl……
[/Quote]

我已经用另外一种方式实现了~~明天贴解决方案,先谢谢了~~
Sunpire 2010-08-02
  • 打赏
  • 举报
 回复
这个只能在派生类的 override OnApplyTemplate() 中去实现，


        public ScrollBar HorizontalBar{ get; private set; }

        public override void OnApplyTemplate()

        {

            base.OnApplyTemplate();

            HorizontalBar= (ScrollBar)GetTemplateChild("HorizontalBar");

        }


在WPF中这称为创建“CutomControl” ，不是“UserControl”。

感觉LZ的做法越来越歪了。 其实， 从 ScrollViewer 中派生出一个 XXXScrollViewer ，并指定 ControlTemplate ，LZ的要求应都能解决。

LZ究竟想实现什么功能？
jstangwh 2010-08-02
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 sunpire 的回复:]
引用 3 楼 jstangwh 的回复:
谢了1楼的兄弟~~有思路了~~

这个不是思路吧，这个是ControlTemplate的硬性要求吧
[/Quote]

现在问题又来了~~郁闷~~


<Window.Resources>

		<ControlTemplate x:Key="sll" TargetType="{x:Type ScrollViewer}">

			<Grid    Background="{TemplateBinding Panel.Background}">

				<Grid.ColumnDefinitions>

					<ColumnDefinition      Width="*" />

					<ColumnDefinition   Width="Auto" />

				</Grid.ColumnDefinitions>

				<Grid.RowDefinitions>

					<RowDefinition       Height="*" />

					<RowDefinition       Height="Auto" />

				</Grid.RowDefinitions>

				<Rectangle       Grid.Column="1"        Grid.Row="1"      Fill="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />

				<ScrollContentPresenter 

					Grid.Column="0" 

					Grid.Row="0" 

					Margin="{TemplateBinding Padding}" 

					Content="{TemplateBinding Content}" 

					ContentTemplate="{TemplateBinding ContentTemplate}" 

					CanContentScroll="{TemplateBinding ScrollViewer.CanContentScroll}" />

				<ScrollBar Width="50" 

					Grid.Column="1" 

					Grid.Row="0" 

					Minimum="0" 

					Maximum="{TemplateBinding ScrollableHeight}" 

					ViewportSize="{TemplateBinding ViewportHeight}" 

					Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource Mode=TemplatedParent}}" 

					Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" 

					Cursor="Arrow" 

					AutomationProperties.AutomationId="VerticalScrollBar" />

				<ScrollBar Height="50" x:Name="HorizontalBar" 

					Orientation="Horizontal" 

					Grid.Column="0" 

					Grid.Row="1" 

					Minimum="0" 

					Maximum="{TemplateBinding ScrollableWidth}" 

					ViewportSize="{TemplateBinding ViewportWidth}" 

					Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource Mode=TemplatedParent}}" 

					Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" 

					Cursor="Arrow" 

					AutomationProperties.AutomationId="HorizontalScrollBar" />

			</Grid>

		</ControlTemplate>

	</Window.Resources>


如何获取Template里的HorizontalBar????????????
Sunpire 2010-08-02
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 jstangwh 的回复:]
谢了1楼的兄弟~~有思路了~~
[/Quote]
这个不是思路吧，这个是ControlTemplate的硬性要求吧
jstangwh 2010-08-02
  • 打赏
  • 举报
 回复
谢了1楼的兄弟~~有思路了~~
jstangwh 2010-08-02
  • 打赏
  • 举报
 回复
好主意~
Sunpire 2010-08-02
  • 打赏
  • 举报
 回复
ScrollViewer 中有三个部件：ScrollContentPresenter、HorizontalScrollBar
、VerticalScrollBar ，但是LZ给的 ControlTemplate 中不包含这三个部件的名称，用 x:Key 补回去吧。
scrollbar wpf 高度,如何在WPF ScrollViewer中增加滚动条宽度？
I am working on a touch screen on a small device and the custom width of the scroll-bar is no good as one of my requirements is that everything needs to be doable by finger gestures.How can I set the ...
wpf 中使用 ScrollViewer 滚动条不出现
在WPF中如果在StackPanel中嵌套使用ScrollViewer ，就必须指定外层StackPanel的高度或者宽度，因为StackPanel默认高度和宽度是无穷大的，这样会导致，即使界面超出了边界也无法出现滚动条。
WPF中WrapPanel、StackPanel等添加滚动条ScrollViewer
wpf中，在控件中直接设置ScrollViewer.HorizontalScrollBarVisibility和ScrollViewer.VerticalScrollBarVisibility属性，并不能显示滚动条。因为在wpf中，想要显示滚动条，需要把控件放在滚动条视图控件(ScrollViewer)中。 ScrollViewer属性说明： VerticalScrollBarVisibili
WPF中ScrollViewer的属性VerticalScrollBarVisibility、HorizontalScrollBarVisibility值的区别
WPF中ScrollViewer的属性VerticalScrollBarVisibility、HorizontalScrollBarVisibility滚动条
WPF 多个 ScrollViewer 滚动同步
WPF 多个 ScrollViewer 滚动同步独立观察员 2023 年 5 月 31 日0、前言在进行 WPF 程序开发时，有时界面内容分别放在不同的滚动区域中，也就是在不同的 ScrollViewer 控件中，默认情况下，它们各自的内容滚动是互不影响的，这也符合大部分的场景。但是偏偏就有这么一些场景，需要让它们虽然身处不同区域，但是其中一个区域内容滚动后，另外的一个或几个滚动区域也要同步滚动，...
WPF/Silverlight

8,735

社区成员

12,029

社区内容

发帖
与我相关
我的任务
社区描述
WPF/Silverlight相关讨论
社区管理员
  • WPF/Silverlight社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章