다음을 통해 공유

방법: ScrollViewer의 콘텐츠 스크롤 메서드 사용

  • 아티클

업데이트: 2007년 11월

이 예제에서는 ScrollViewer 요소의 스크롤 메서드를 사용하는 방법을 보여 줍니다. 이러한 메서드는 ScrollViewer에서 콘텐츠를 줄 또는 페이지 단위로 스크롤하는 방법을 제공합니다.

예제

다음 예제에서는 자식 TextBlock 요소를 호스팅하는 sv1이라는 ScrollViewer를 만듭니다. TextBlock이 부모 ScrollViewer보다 크므로 스크롤할 수 있도록 스크롤 막대가 나타납니다. 다양한 스크롤 메서드를 나타내는 Button 요소가 왼쪽에 있는 별도의 StackPanel에 도킹되어 있습니다. XAML(Extensible Application Markup Language) 파일의 각 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