DataTrigger 中的背景颜色没有变化

Question

我在使用 datatrigger 更改 Button 的背景颜色时遇到了一些问题，但没有发生。

我的代码是这样的

<Window x:Class="DataBinding.DataTrigger2"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="DataTrigger2" Height="300" Width="300">
<Button Height="50" Name="btn">
    <Button.Style>
        <Style TargetType="Button">
            <Setter Property="Control.Background" Value="YellowGreen"></Setter>
            <Setter Property="Control.Foreground" Value="Brown"></Setter>
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=btn, Path=IsPressed}" Value="True">
                    <Setter Property="Control.Background" Value="Purple"></Setter>
                    <Setter Property="Control.Foreground" Value="Red"></Setter>
                    <Setter Property="Control.FontSize" Value="20"></Setter>
                    <Setter Property="Control.FontWeight" Value="Light"></Setter>
                    <Setter Property="Control.Width" Value="150"></Setter>
                    <Setter Property="Control.Height" Value="50"></Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
    <Button.Content>
        The Gaming World Inc.
    </Button.Content>
</Button>

Answer 1

单击鼠标时看不到Button.Background 颜色变化的原因是默认的ControlTemplate 定义了它在不同状态下的外观，例如。按下，禁用。等等。这些在ControlTemplate 的VisualStateManager.VisualStateGroups 部分中定义，它们可能会覆盖您的Background 更改。

作为简单的证明，我们可以为Button 提供一个基本的ControlTemplate，而无需VisualStateManager.VisualStateGroups 部分，然后您将看到您的Background 颜色发生变化。试试这个：

<Button Height="50" Name="btn">
        <Button.Style>
            <Style TargetType="Button">
                <Setter Property="Control.Background" Value="YellowGreen"></Setter>
                <Setter Property="Control.Foreground" Value="Brown"></Setter>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Button}">
                            <Border Background="{TemplateBinding Background}">
                                <ContentPresenter />
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding ElementName=btn, Path=IsPressed}" Value="True">
                        <Setter Property="Control.Background" Value="Purple"></Setter>
                        <Setter Property="Control.Foreground" Value="Red"></Setter>
                        <Setter Property="Control.FontSize" Value="20"></Setter>
                        <Setter Property="Control.FontWeight" Value="Light"></Setter>
                        <Setter Property="Control.Width" Value="150"></Setter>
                        <Setter Property="Control.Height" Value="50"></Setter>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Button.Style>
        <Button.Content>
            The Gaming World Inc.
        </Button.Content>
    </Button>

您可以在 MSDN 上的Button Styles and Templates 页面中找到Button 控件的原始/默认ControlTemplate...您可能希望将更多ControlTemplate 复制到您的Button 中看起来更像原版。