方法 : ScrollViewer のコンテンツ スクロール メソッドを使用する

この例では、ScrollViewer 要素のスクロール メソッドを使用する方法を示します。 これらのメソッドを使用すると、ScrollViewer に表示されたコンテンツを行単位またはページ単位のインクリメント方式でスクロールできます。

使用例

次の例では、TextBlock 子要素をホストする sv1 という名前の ScrollViewer を作成します。 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

StackPanel