如何在WPF中扩展样式

Question

我把默认按钮设置为这个样子：

<SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD"/>
<SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070"/>
<SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/>
<SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/>
<SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/>
<SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/>
<SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/>
<SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/>
<SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/>

<Style TargetType="{x:Type Button}">
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Border x:Name="border" 
                        BorderBrush="{TemplateBinding BorderBrush}" 
                        BorderThickness="{TemplateBinding BorderThickness}" 
                        Background="{TemplateBinding Background}" 
                        SnapsToDevicePixels="true"
                        CornerRadius="0">
                    <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsDefaulted" Value="true">
                        <Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Pressed.Background}"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Pressed.Border}"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/>
                        <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

我希望登录按钮能够继承默认按钮，只需更改 border 中的 "CornerRadius" 属性即可使其变成圆形，而无需创建另一个样式/模板或使用 C# 代码。我希望按照这种方式或类似方式实现：

 <Style x:Key="loginButton" TargetType="{x:Type Button}" BasedOn="{StaticResource {x:Type Button}}">
    <Setter Property="CornerdRadius" Value="10"/>
 </Style>

- Toody

---

可能是在WPF样式中设置嵌套元素的属性的重复问题。 - ASh

你尝试过将x:key（例如baseButton）添加到基础样式中，然后在新样式中使用BasedOn =“{StaticResource baseButton}”来基于此关键字创建新样式吗？ - Gavin

如果我给基础样式添加x:key，那么它将不再是基础样式，而会变成自定义样式。 - Toody

Answer 1

为您的样式命名，然后创建一个不需要键的样式，只需基于它即可。

<Style x:Key="BaseButtonStyle" TargetType="{x:Type Button}">
     <Setter ... />
</Style>

<Style TargetType="{x:Type Button}" BasedOn="{StaticResource BaseButtonStyle}"/>

然后，基于你的基础样式，为你的连接按钮创建第二个样式。

<Style x:Key="LoginButtonStyle" TargetType="{x:Type Button}" BasedOn="{StaticResource BaseButtonStyle}">
    <Setter ... />
</Style>

编辑：

在WPF按钮中没有"CornerRadius"属性。您需要创建一个继承Button并添加CornerRadius依赖属性的子类。只有这样，您才能像您想要的那样继承您的样式，并且只更改一个setter。

如果您不想创建Button的子类，则必须使用另一个模板创建第二个样式，并重写所有触发器，不幸的是。

另一种选择是使用现有属性（如BorderThickness，Padding或Margin），并在ControlTemplate中使用TemplateBinding。但它有点"hack"，因为属性的名称与其功能不相等。

编辑2：

如ASh所建议的那样，您也可以使用附加的依赖属性来解决问题。 https://dev59.com/PJzha4cB1Zd3GeqPHZUM#40663219

- FatalJamòn

---

Button类中没有“CornerRadius”，但有比创建派生类更多的选项：https://dev59.com/PJzha4cB1Zd3GeqPHZUM#40663219 - ASh

我知道在按钮属性中没有 CornerRadius，这只是一个例子，我只需要第二个样式能够仅更改 Border 的 CornerRadius 而不必重新制作整个模板，而且基于 "{StaticResource {x:Type Button}}" 完全正常运行，我不需要再制作另一个键控样式。 - Toody

这是否意味着我必须使用C#？因为我想要使用纯XAML。 - Toody

是的，你必须使用C#来创建那个附加属性。这有什么问题吗？ - FatalJamòn

因为我想让我的应用程序纯粹使用XAML，所以必须有一种方法可以在不使用C#或从头开始创建另一个模板的情况下实现这一点。 - Toody