ScrollViewer滚动方法
ScrollViewer使用内容在小于实际大小的区域中显示。如果
内容ScrollViewer不完全可见,将ScrollViewer显示在用户用于移动
可以见到的内容区域的滚动条。包含所有内容的区域ScrollViewer是范围。
内容的可见区域是视口。物理滚动用于按预设的物理增加滚动内容。如果
ScrollViewer中包含大量的项目的话,滚动的性能可能会受到影响的。
由于元素的滚动条ScrollViewer是在元素的默认样式中定义的,如果将
自定义样式应用到,它就不会再去显示滚动条ScrollViewer。
滚动条必须在自定义样式中定义,它才能显示的。
下面可以来看一下ScrollViewer滚动方法的样式例子:
(如图)
然后我们可以来看看xaml代码是怎样的
<!--使用DockPanel进行整体外观布局-->
<DockPanel Background="Bisque">
<TextBlock DockPanel.Dock="Top" FontSize="20" FontWeight="Bold" Margin="10" Text="ScrollViewer内容滚动方法"></TextBlock>
<TextBlock DockPanel.Dock="Top" Margin="10" Text="使用左边的按钮来滚动文本块的内容"></TextBlock>
<!--在StackPanel中垂直放置8个按钮-->
<StackPanel DockPanel.Dock="Left" Width="150">
<Button Margin="3,0,0,2" Background="White" Click="svLineUp">向上滚动</Button>
<Button Margin="3,0,0,2" Background="White" Click="svLineDown">向下滚</Button>
<Button Margin="3,0,0,2" Background="White" Click="svLineRight">向右滚</Button>
<Button Margin="3,0,0,2" Background="White" Click="svLineLeft">向左滚动</Button>
<Button Margin="3,0,0,2" Background="White" Click="svPageUp">向上翻页</Button>
<Button Margin="3,0,0,2" Background="White" Click="svPageDown">向下翻页</Button>
<Button Margin="3,0,0,2" Background="White" Click="svPageRight">向页翻页</Button>
<Button Margin="3,0,0,2" Background="White" Click="svPageLeft">向左翻页</Button>
<TextBlock Name="txt2" TextWrapping="Wrap"/>
</StackPanel>
<!--定义ScrollViewer,设置垂直和水平滚动条的显示方式,默认情况下,Border控件将占据DockPanel的剩余空间-->
<Border BorderBrush="Black" Background="White" BorderThickness="2" Height="520" Width="520" VerticalAlignment="Top">
<ScrollViewer VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Auto" Name="sv1">
<TextBlock TextWrapping="Wrap" Width="800" Height="1000" Name="txt1"/>
</ScrollViewer>
</Border>
</DockPanel>
</Window>
然后xaml后面是这样
要在构造函数中,从文本文件中加载TextBlock内容
(如图:)