DataGrid ScrollBar 的 ControlTemplate答案

【问题标题】：ControlTemplate for DataGrid ScrollBarDataGrid ScrollBar 的 ControlTemplate
【发布时间】：2017-06-12 07:28:45
【问题描述】：

我正在寻找一种“简单”的方法来为 DataGrid ScrollBar 制作控件模板。我的数据网格中唯一需要控制模板的部分是水平滚动条，即。 PART_HorizontalScrollBar。有没有类似的东西可以添加到我的样式资源中？

<Setter Property="Template">
<Setter.Value >
 <ControlTemplate x:Name= "PART_HorizontalScrollBar" >
 <DockPanel> etc... ...

问题是当我添加该控件模板时，列标题消失了。如果我删除 controltemplate，列标题会重新出现，但不会出现水平滚动条。谢谢你的建议。

【问题讨论】：

标签： wpf scrollbar wpfdatagrid controltemplate datagridcolumnheader

【解决方案1】：

覆盖DataGrid 的整个模板并将PART_HorizontalScrollBar 的Template 属性设置为您的自定义模板：

<DataGrid ...>
    <DataGrid.Resources>
        <ControlTemplate x:Key="yourCustomTemplate" />
    </DataGrid.Resources>
    <DataGrid.Template>
        <ControlTemplate TargetType="{x:Type DataGrid}">
            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
                <ScrollViewer x:Name="DG_ScrollViewer" Focusable="false">
                    <ScrollViewer.Template>
                        <ControlTemplate TargetType="{x:Type ScrollViewer}">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                                <Button Command="{x:Static DataGrid.SelectAllCommand}" Focusable="false" Style="{DynamicResource {ComponentResourceKey ResourceId=DataGridSelectAllButtonStyle, TypeInTargetAssembly={x:Type DataGrid}}}" Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.All}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" Width="{Binding CellsPanelHorizontalOffset, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                <DataGridColumnHeadersPresenter x:Name="PART_ColumnHeadersPresenter" Grid.Column="1" Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Column}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                <ScrollContentPresenter x:Name="PART_ScrollContentPresenter" CanContentScroll="{TemplateBinding CanContentScroll}" Grid.ColumnSpan="2" Grid.Row="1"/>
                                <ScrollBar x:Name="PART_VerticalScrollBar" Grid.Column="2" Maximum="{TemplateBinding ScrollableHeight}" Orientation="Vertical" Grid.Row="1" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportHeight}"/>
                                <Grid Grid.Column="1" Grid.Row="2">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="{Binding NonFrozenColumnsViewportHorizontalOffset, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>
                                    <ScrollBar x:Name="PART_HorizontalScrollBar" 
                                                       Grid.Column="1" 
                                                       Maximum="{TemplateBinding ScrollableWidth}" 
                                                       Orientation="Horizontal" 
                                                       Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" 
                                                       Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" 
                                                       ViewportSize="{TemplateBinding ViewportWidth}"
                                                       Template="{StaticResource yourCustomTemplate}"/>
                                </Grid>
                            </Grid>
                        </ControlTemplate>
                    </ScrollViewer.Template>
                    <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                </ScrollViewer>
            </Border>
        </ControlTemplate>
    </DataGrid.Template>
</DataGrid>

很遗憾，您不能只覆盖ControlTemplate 的一部分：

WPF: Is there a way to override part of a ControlTemplate without redefining the whole style?

【讨论】：

请问我在哪里可以找到整个默认的 DataGrid 模板？
我在我的回答中发布了它:)
我看不到那个 SO 链接在哪里讨论了 DataGrid 的控件模板。此链接显示 DataGrid 只有一个 PART。 docs.microsoft.com/en-us/dotnet/framework/wpf/controls/…
您可以在 VS 或 Blend 中的设计模式下右键单击 DataGrid 控件，然后选择“编辑模板”->“编辑副本”，将默认模板复制到 XAML 标记中。我就是这么做的。
好的，再次感谢。