WPF：如何像CSS一样设置类的样式？

Question

假设我有一个带有 4 个边框的 UserControl：

<Border />
<Border />
<Border />
<Border />

现在在我的资源中我可以去：

<Style TargetType="{x:Type Border}">
  ... change some properties here
</Style>

现在一切都很好，但它将针对我的 UserControl 中的所有边框。 但如果我只想定位其中的一部分怎么办？

我想去：

<Border Class="Type1" />
<Border Class="Type1" />
<Border />
<Border />

然后去：

<Style TargetType="{x:Type Border}" TargetClass="Type1">
  ... change some properties here
</Style>

但这显然不存在，还有其他方法可以实现我所追求的吗？ 谢谢

Answer 1

虽然语法不像 CSS 那样清晰，但它更加具体。

为了构建您的示例，您需要的是：

<Border Style="{StaticResource Type1}" />
<Border Style="{StaticResource Type1}" />
<Border />
<Border />

然后继续：

<Style TargetType="{x:Type Border}" x:Key="Type1">
  ... change some properties here
</Style>

请记住，WPF 样式实际上并不像 CSS 那样级联。

更详细的造型参考：
https://web.archive.org /web/20141210000517/http://dotnetslackers.com/articles/wpf/StylesResourcesAndControlTemplatesInWPF.aspx

Answer 2

我发现大多数人都没有意识到 WPF 在 Style.Resources 中嵌套样式的能力。例如：

<!-- Define a new style for Borders called InfoBox, that will have a red background, 
     and further override all buttons within it to have Yellow Text.  An extra style,
     "Strawberry" is also defined, that lets specific buttons be selected to be styled
     as Green FG on DarkRed BG -->
<Style TargetType="{x:Type Border}" x:Key="InfoBox">
  <Setter Property="Background" Value="Red"/>
  <Style.Resources>
    <Style TargetType="{x:Type Button}">
      <Setter Property="Foreground" Value="DarkYellow"/>
    </Style>
    <Style TargetType="{x:Type Button}" x:Key="Strawberry">
      <Setter Property="Foreground" Value="Green"/>
      <Setter Property="Background" Value="DarkRed"/>
    </Style>
  </Style.Resources>
</Style>

...

<Border Style="{DynamicResource InfoBox}">
   <StackPanel>
     <Button Content="I am a banana!"/>
     <Button Style="{DynamicResource Strawberry}" Content="I am red!"/>
   </StackPanel>
</Border>

虽然与 CSS 不完全相同（对标准伪选择器没有太多支持），但这为您提供了巨大的功能和灵活性。将此与 ItemsControls 的熟练使用相结合，您可以做一些伟大的事情。

Answer 3

您可以使用 x:key 和 Border 的 StaticResource（或 DynamicResource）属性直接在 上设置样式。如果您想在运行时更改样式，那么您应该倾向于使用 DynamicResource 而不是 StaticResource。

<Style x:Key="something" TargetType="{x:Type Border}">
</Style>

<Border style="{StaticResource something}"/>

Answer 4

<Style x:Key="styleKey" TargetType="{x:Type Border}">
  ... change some properties here
</Style>

和

<Border Style="{StaticResource styleKey}"