次の方法で共有

方法: 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 void svLineUp(object sender, RoutedEventArgs e)
{
    sv1.LineUp();
}
private void svLineDown(object sender, RoutedEventArgs e)
{
    sv1.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

関連項目