【问题标题】:How to change the size of a Datagrid Scrollbar?如何更改 Datagrid 滚动条的大小?
【发布时间】:2014-09-14 06:12:04
【问题描述】:

我有一个在运行时显示数据的 Datagrid,因为它有很多数据,所以它本身带有滚动条,但大小更小。谁能告诉如何更改滚动条的大小并使其更大?

<DataGrid x:Name="DgUnitVerReefer" HorizontalAlignment="Center" SelectionMode="Single"      SelectionUnit="FullRow" Margin="20,94,26,0" IsReadOnly="True" AutoGenerateColumns="False"     Visibility="Visible" VerticalAlignment="Top" Height="334"      HorizontalGridLinesBrush="#FFA4C4EA" FontFamily="Microsoft New Tai Lue" AlternatingRowBackground="#FFA4C4EA" MouseDoubleClick="DgUnitVerReefer_MouseDoubleClick" FontSize="16" Width="387">
        <DataGrid.Columns>
            <DataGridTextColumn Header="" Binding="{Binding Path= UNIT_NUMBER}" Width="350" />
        </DataGrid.Columns>
</DataGrid>

然后在window_loaded中加载数据并赋值给datagrid。

   DgUnitVerReefer.DataContext = objVerifyUnit.DtLovReefer.DefaultView;
   DgUnitVerReefer.ItemsSource = objVerifyUnit.DtLovReefer.DefaultView;
   DgUnitVerReefer.DisplayMemberPath = "UNIT_NUMBER";
   DgUnitVerReefer.SelectedValuePath = "UNI_ID";

在运行时显示较小尺寸的滚动条,如何改变它的尺寸?

【问题讨论】:

    标签: wpf datagrid wpf-controls scrollbar


    【解决方案1】:

    您可以在DataGrid 级别为ScrollBar 类型应用样式。我们应该对 Orientation 属性使用 Trigger 来仅将样式应用于垂直滚动条:

    <DataGrid.Resources>
        <Style TargetType="ScrollBar">
            <Style.Triggers>
                <Trigger Property="Orientation" Value="Vertical">
                    <Setter Property="Width" Value="50"/>
                </Trigger>
            </Style.Triggers>                   
        </Style>
    </DataGrid.Resources>
    

    对于水平滚动条,我们需要设置Height,触发器的ValueHorizontal

    【讨论】:

    • 我花了很长时间才弄清楚如何将样式仅应用于垂直滚动条。多么明显,简单的答案。也想谢谢你!
    【解决方案2】:

    King King solution 不起作用是你想reduce the width of the ScrollBar。在这种情况下,您还应该设置MinWidth 属性。

    基于this response的另一种解决方案是修改SystemParameters.VerticalScrollBarWidth属性:

    <DataGrid.Resources>
        <system:Double x:Key="{x:Static SystemParameters.VerticalScrollBarWidthKey}">5</system:Double>
    </DataGrid.Resources>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-11-23
      • 1970-01-01
      • 1970-01-01
      • 2012-01-21
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多