3

我有一个包含按钮的 UserControl：

<Button Content="Button"/>

还有一种风格：

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

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

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

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

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

关键是，默认样式首先在自定义用户控件中定义，并被其父级自动覆盖。这就是我称之为倒置的方式。

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

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

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

4

2 回答 2

6

您可以使用动态资源。

用户控件：

<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>

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

于 2013-07-29T09:34:54.303 回答
1

在您的按钮颜色中创建一个依赖属性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" />
于 2013-07-29T09:03:04.013 回答