了解 WPF 控件样式和模板

Question

我对.NET/C#/WPF/XAML相对较新。 我注意到有时控件似乎"缺少"影响样式的最简单属性。 因此，必须使用类Style来修改控件的外观。 这没关系，但我发现自己在Google/StackOverflow上寻找要修改的特定属性的名称。

我正在寻找所有.NET Framework WPF控件的默认控件样式和模板的规范和完整源代码。

在你回答得太快之前，请继续阅读以了解我的困惑。

在这个Microsoft文档页面 DataGrid 样式和模板上，我看到了DataGridCell的模板：

<!--Style and template for the DataGridCell.-->
<Style TargetType="{x:Type DataGridCell}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type DataGridCell}">
        <Border x:Name="border"
                BorderBrush="Transparent"
                BorderThickness="1"
                Background="Transparent"
                SnapsToDevicePixels="True">
          <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="FocusStates">
              <VisualState x:Name="Unfocused" />
              <VisualState x:Name="Focused" />
            </VisualStateGroup>
            <VisualStateGroup x:Name="CurrentStates">
              <VisualState x:Name="Regular" />
              <VisualState x:Name="Current">
                <Storyboard>
                  <ColorAnimationUsingKeyFrames Storyboard.TargetName="border"
                                                Storyboard.TargetProperty="(Border.BorderBrush).
                      (SolidColorBrush.Color)">
                    <EasingColorKeyFrame KeyTime="0"
                                         Value="{StaticResource DatagridCurrentCellBorderColor}" />
                  </ColorAnimationUsingKeyFrames
                                                >
                </Storyboard>
              </VisualState>
            </VisualStateGroup>
          </VisualStateManager.VisualStateGroups>
          <ContentPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
        </Border>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

MSDN 论坛中的此页面显示以下Style/Trigger s/Setter s。

<SolidColorBrush x:Key="{x:Static DataGrid.FocusBorderBrushKey}" Color="#FF000000"/>
 <Style TargetType="{x:Type DataGridCell}">
 <Setter Property="Background" Value="Transparent"/>
 <Setter Property="BorderBrush" Value="Transparent"/>
 <Setter Property="BorderThickness" Value="1"/>
 <Setter Property="Template">
  <Setter.Value>
  <ControlTemplate TargetType="{x:Type DataGridCell}">
   <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
   <ContentPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
   </Border>
  </ControlTemplate>
  </Setter.Value>
 </Setter>
 <Style.Triggers>
  <Trigger Property="IsSelected" Value="True">
  <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
  <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
  <Setter Property="BorderBrush" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
  </Trigger>
  <Trigger Property="IsKeyboardFocusWithin" Value="True">
  <Setter Property="BorderBrush" Value="{DynamicResource {x:Static DataGrid.FocusBorderBrushKey}}"/>
  </Trigger>
 </Style.Triggers>
 </Style>

为什么在第一个模板中看不到属性Background、Foreground、BorderBrush？

我有一种感觉，VisualState的东西是一个参考，但我找不到来源。

Answer 1

嗯，ContentPresenter是一个显示内容的控件。VisualState的东西只是保存控件DataGridCell可以遇到的所有VisualState的引用。它将一些动画放在属性边框上，这些动画已经包装了ContentPresenter。

您可以重新定义

整个样式，我的意思是放置一些其他控件来重新定义内容，并使用模板绑定来获取外部依赖项属性。就像我的意思是，您甚至可以在与VisualState的边界上使用TemplateBinding Background。

    <Style TargetType="{x:Type DataGridCell}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type DataGridCell}">
        <Border x:Name="border"
                BorderBrush=BorderBrush}" BorderThickness="{TemplateBinding      BorderThickness}" Background="{TemplateBinding Background}"
                SnapsToDevicePixels="True">
          <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="FocusStates">
              <VisualState x:Name="Unfocused" />
              <VisualState x:Name="Focused" />
            </VisualStateGroup>
            <VisualStateGroup x:Name="CurrentStates">
              <VisualState x:Name="Regular" />
              <VisualState x:Name="Current">
                <Storyboard>
                  <ColorAnimationUsingKeyFrames Storyboard.TargetName="border"
                                                Storyboard.TargetProperty="(Border.BorderBrush).
                      (SolidColorBrush.Color)">
                    <EasingColorKeyFrame KeyTime="0"
                                         Value="{StaticResource DatagridCurrentCellBorderColor}" />
                  </ColorAnimationUsingKeyFrames
                                                >
                </Storyboard>
              </VisualState>
            </VisualStateGroup>
          </VisualStateManager.VisualStateGroups>
          <ContentPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
        </Border>
      </ControlTemplate>
    </Setter.Value>
  </Setter>

这是完全有道理的。但是，如果不为 Style 指定它们，则意味着它将回退到为控件定义的默认颜色和背景等。

这是每个依赖项属性的属性，在新值不覆盖默认值时回退到默认值。

您可以阅读我的 WPF 教程以获取更多这样的概念：http://www.abhisheksur.com/2010/12/wpf-tutorial.html

Answer 2

在这里，您可以下载 WPF 控件默认 WPF 主题的默认样式字典。如果必须重新设置控件的样式，了解默认样式的工作原理会非常有帮助。