WPF滚动条

WPF设置自动滚动条

WPF中的滚动条控件是ScrollViewer，下面我们基于前一篇的页面，示例为文本框添加滚动条。

1. 为TextBox设置自动滚动条

我们在创建的PageHelp页面类中添加如下代码：

<Page ...>
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="*"/>
      <RowDefinition Height="25"/>
    </Grid.RowDefinitions>
    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" Grid.Row="0">
      <TextBox AcceptsReturn="True">这里是帮助文档！</TextBox>
    </ScrollViewer>
    <Button Grid.Row="1" Content="返回" Click="GoBack"/>
  </Grid>
</Page>

使用ScrollViewer控件作为TextBox控件的父控件，实现文本框的自动滚动。HorizontalScrollBarVisibility，VerticalScrollBarVisibility属性分别对应水平滚动条和竖直滚动条的显示属性，属性值为Auto，文本框超出Grid布局时显示，否则不显示。

效果如下：

wpf滚动条

2.为Grid布局添加滚动条

继续以PageHelp.xaml例

<Page ...>
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="*"/>
      <RowDefinition Height="25"/>
    </Grid.RowDefinitions>
    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" Grid.Row="0">
      <Grid>
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="30"/>
          <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Button Content="提交" Grid.Column="0" />
        <TextBox Grid.Column="1" AcceptsReturn="True">这里是帮助文档！</TextBox>
      </Grid>
    </ScrollViewer>
    <Button Grid.Row="1" Content="返回" Click="GoBack"/>
  </Grid>
</Page>