共用方式為

HOW TO：使用 ScrollViewer 的內容捲動方法

  • 發行項

更新：2007 年 11 月

本範例說明如何使用 ScrollViewer 項目的捲動方法。這些方法可在 ScrollViewer 提供逐行或逐頁捲動的功能。

範例

下列範例會建立一個名為 sv1 的 ScrollViewer，其中裝載一個子 TextBlock 項目。由於 TextBlock 大於父 ScrollViewer，捲軸將會出現以供捲動。表示各種捲動方法的 Button 項目會停駐在左側的另一個 StackPanel 中。可延伸標記語言 (XAML) 檔案中的每個 Button 都會觸發一個相關的自訂方法，該方法會控制 ScrollViewer 中的捲動行為。

<StackPanel DockPanel.Dock="Left" Width="150">
  <Button Margin="3,0,0,2" Background="White" Click="svLineUp">Adjust Line Up</Button>
  <Button Margin="3,0,0,2" Background="White" Click="svLineDown">Adjust Line Down</Button>
  <Button Margin="3,0,0,2" Background="White" Click="svLineRight">Adjust Line Right</Button>
  <Button Margin="3,0,0,2" Background="White" Click="svLineLeft">Adjust Line Left</Button>
  <Button Margin="3,0,0,2" Background="White" Click="svPageUp">Adjust Page Up</Button>
  <Button Margin="3,0,0,2" Background="White" Click="svPageDown">Adjust Page Down</Button>
  <Button Margin="3,0,0,2" Background="White" Click="svPageRight">Adjust Page Right</Button>
  <Button Margin="3,0,0,2" Background="White" Click="svPageLeft">Adjust Page Left</Button>
  <TextBlock Name="txt2" TextWrapping="Wrap"/>
</StackPanel>

<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>

下列範例使用了 LineUp 和 LineDown 方法。

Private Sub svLineUp(ByVal sender As Object, ByVal args As RoutedEventArgs)

    sv1.LineUp()
End Sub
Private Sub svLineDown(ByVal sender As Object, ByVal args As RoutedEventArgs)

    sv1.LineDown()
End Sub

private void svLineUp(object sender, RoutedEventArgs e)
{
    sv1.LineUp();
}
private void svLineDown(object sender, RoutedEventArgs e)
{
    sv1.LineDown();
}

如需完整範例，請參閱 ScrollViewer 中的內容捲動範例。

請參閱

參考

ScrollViewer

StackPanel