使用 BasedOn 更改控件属性

Question

我有一个带有一些按钮的 UserControl。我需要更改按钮的背景颜色，但保留所有其他属性和颜色，例如鼠标悬停事件

我使用了以下代码，我希望它可以基于 {StaticResource {x:Type Button}}" 定义 UniqueButton1，但更改背景属性以定义我自己的颜色

<UserControl x:Class="Project.Detail"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="30" d:DesignWidth="800" BorderBrush="#FF5380E7" BorderThickness="0,0,0,1" xmlns:my="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero">
    <UserControl.Resources>
        <Style  x:Key="UniqueButton1" TargetType="{x:Type Button}" BasedOn="{StaticResource {x:Type Button}}"  >
            <Setter Property="Background">
                <Setter.Value>
                <LinearGradientBrush EndPoint="0,1">
                    <GradientStop Color="#FFF896CE" Offset="0" />
                    <GradientStop Color="#FFF788C7" Offset="0.5" />
                    <GradientStop Color="#FFF570BB" Offset="0.5" />
                     <GradientStop Color="#FFF353AE" Offset="1" />
                </LinearGradientBrush>
            </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <Grid Height="30" Width="800">
        <Button Height="30" HorizontalAlignment="Left" Margin="360,0,0,0" Name="button2" VerticalAlignment="Top" Width="50" Click="b_Click" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontSize="10" FontStretch="SemiCondensed" />
        <Button Style="{StaticResource UniqueButton1}" Height="30" HorizontalAlignment="Left" Margin="423,0,0,0" Name="button1" VerticalAlignment="Top" Width="50" Click="b_Click" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontSize="10" FontStretch="SemiCondensed" />
    </Grid>
</UserControl>

它有点工作，因为我以我需要的方式获得背景颜色，但我在<UserControl.Resources> 中定义的UniqueButton1 不是基于没有应用样式更改的其他默认按钮2。例如，背景、颜色、动画速度等都不同

也许是因为我也在应用一个主题？

我的问题是 1. 如何定义基于默认button2 并应用了主题的资源？ 要么 2. 如何在应用了主题的情况下获取 button2 的所有属性，以便构建自己的样式？

有人建议我可能需要建立自己的风格，这很好。但我需要匹配默认主题按钮的行为，除了背景属性 - 如果我看不到它是如何组成的，这似乎有点麻烦。

编辑：澄清事情

这两张图片显示了 3 个按钮，您可以看到 button3 的鼠标悬停是橙色的，而 button2 的鼠标悬停是蓝色的。你看不到的是动画速度也不同。本质上，我希望我的按钮在静止状态下看起来像 button1，在鼠标悬停时看起来像 button3，同时保留 button3 动画速度和其他属性。 Button2 是我正在使用的，没有进一步更改属性。

Button3 是在没有资源和 XAML 的情况下生成的

<Button Height="30" HorizontalAlignment="Left" Margin="360,0,0,0" VerticalAlignment="Top" Width="50" Click="button_Click" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontSize="10" FontStretch="SemiCondensed"/>

Button2 是使用

生成的

<UserControl.Resources>
        <Style  x:Key="TEST1" TargetType="{x:Type Button}" BasedOn="{StaticResource {x:Type Button}}"  >
        </Style>
</UserControl.Resources>

<Button Style="{StaticResource TEST1}" Height="30" HorizontalAlignment="Left" Margin="360,0,0,0" VerticalAlignment="Top" Width="50" Click="button_Click" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontSize="10" FontStretch="SemiCondensed"/>

Button1 是使用

生成的

    <UserControl.Resources>
        <Style  x:Key="UniqueButton1" TargetType="{x:Type Button}" BasedOn="{StaticResource {x:Type Button}}"  >
            <Setter Property="Background">
                <Setter.Value>
                <LinearGradientBrush EndPoint="0,1">
                    <GradientStop Color="#FFF896CE" Offset="0" />
                    <GradientStop Color="#FFF788C7" Offset="0.5" />
                    <GradientStop Color="#FFF570BB" Offset="0.5" />
                     <GradientStop Color="#FFF353AE" Offset="1" />
                </LinearGradientBrush>
            </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>

<Button Style="{StaticResource UniqueButton1}" Height="30" HorizontalAlignment="Left" Margin="360,0,0,0" VerticalAlignment="Top" Width="50" Click="button_Click" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontSize="10" FontStretch="SemiCondensed" />

所以显然按钮 1 和 2 不是基于我想要的按钮 3。我想克隆 button3 属性并且只将背景更改为粉红色。

Answer 1

将您的 BaseButton 从 x:Type 更改为已命名的，然后将其设置为 name 其他 BasedOn，这应该可以解决问题。