방법: 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

참고하십시오

• ScrollViewer
• StackPanel