WPF样式中的继承反转

本文关键字：继承 样式 WPF | 更新日期: 2023-09-27 18:25:22

我有一个UserControl，它包含一个按钮：

<Button Content="Button"/>

还有一种风格：

<Style TargetType="Button">
    <Setter Property="Background" Value="Blue"/>
</Style>

父窗口（或另一个UserControl）可以设置另一个更通用的样式：

<Style TargetType="Button">
    <Setter Property="Background" Value="Red"/>
</Style>

结果是（显而易见的）父按钮将具有更通用的样式（红色），而我的用户控件将具有更特定的样式（蓝色）。

我想知道如何反转这种行为，以实现在我的自定义用户控件中设置默认样式之类的功能，如果必要的话，可以在父控件或窗口中覆盖默认样式？

关键是，默认样式是首先在自定义用户控件中定义的，并且它被的父项自动覆盖。这就是我所说的反转。

解决方案的假想示例可能如下所示：

<Style TargetType="Button" StylePriority="Default">
    <Setter Property="Background" Value="Blue"/>
</Style>

StylePriority可以指示，如果没有为该按钮定义其他样式，则应将默认样式应用于该按钮。

WPF样式中的继承反转

您可以使用动态资源。

用户控制：

<UserControl x:Class="Example.UserControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:Example">
    <UserControl.Resources>
        <Style TargetType="local:UserControl1">
            <Style.Resources>
                <Style TargetType="Button" x:Key="UserControl1.DefaultButtonStyle">
                    <Setter Property="Background" Value="Red"/>
                </Style>
            </Style.Resources>
        </Style>
    </UserControl.Resources>
    <Button Content="UserControlButton" Style="{DynamicResource UserControl1.DefaultButtonStyle}"/>
</UserControl>

和一个窗口：

<Window x:Class="Example.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:Example">
    <Window.Resources>
        <Style TargetType="Button">
            <Setter Property="Background" Value="Blue" />
        </Style>
    </Window.Resources>
    <StackPanel>
        <local:UserControl1 >
            <local:UserControl1.Resources>
                <Style x:Key="UserControl1.DefaultButtonStyle" TargetType="Button"
                    BasedOn="{StaticResource {x:Type Button}}">
                    <Setter Property="FontSize" Value="40" />
                </Style>
            </local:UserControl1.Resources>
        </local:UserControl1>
        <Button Content="WindowButton" />
    </StackPanel>
</Window>

如果删除窗口中控件的样式，则将应用默认的用户控件按钮样式。

在UserControl中为按钮颜色创建一个依赖属性，然后绑定到它。您可以为该属性指定默认值蓝色。

public static readonly DependencyProperty ButtonColorProperty = 
    DependencyProperty.Register("ButtonColor", typeof(Color), typeof(MyUserControl),
    new PropertyMetadata(Colors.Blue));
public Color State
{
    get { return (Color)this.GetValue(ButtonColorProperty); }
    set { this.SetValue(ButtonColorProperty, value); } 
}
<UserControl ...
             x:Name="root">
    <Button Content="Button" Background="{Binding ElementName=root, Path=ButtonColor}" />
</UserControl>

然后在要使用UserControl的位置将该属性设置为红色。

<local:MyUserControl ButtonColor="Red" />
相关文章：