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

更新 : 2007 年 11 月

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

使用例

次の例では、TextBlock 子要素をホストする sv1 という名前の ScrollViewer を作成します。TextBlock は親の ScrollViewer より大きいため、スクロール バーが表示され、スクロールできるようになります。さまざまなスクロール メソッドを表す Button 要素が別個の StackPanel 内の左側にドッキングされます。Extensible Application Markup Language (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