WPF在单击时临时更改按钮背景

Question

我的程序中有一个白色的 XAML 按钮，当我单击它时，它应该将其背景颜色更改为绿色，然后再变回白色（作为单击它的确认）。 我已经尝试过这个和这个，但无论哪种方式都无法让它工作。 第二个链接的问题是我不理解答案。 第一个链接的解决方案只是不改变按钮的颜色。 以下是我的按钮的 XAML 样式。

<Style x:Key="ButtonStyleGeneral" TargetType="{x:Type Button}">
    <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
    <Setter Property="Background" Value="{StaticResource Button.Static.Background}"/>
    <Setter Property="BorderBrush" Value="{StaticResource Button.Static.Border}"/>
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="Padding" Value="1"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true">
                    <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">
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="true">
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter Property="Button.Background" Value="Green" />
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="false">
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

那么如何实现这种短暂的颜色变化以向用户确认按钮已被按下？

更新：下面的代码就像新按钮的魅力一样，但一旦我在设计器中更改按钮的背景颜色，它就会停止工作！

Answer 1

您应该在触发器中设置Border元素的Background属性：

<Trigger Property="IsPressed" Value="true">
    <Setter TargetName="border" Property="Background" Value="Green" />
</Trigger>

本地值优先于Style设置的值。 Border´ element in the template instead of the的Background而不是 Button itself fixes the issue. Then your template should work with a itself fixes the issue. Then your template should work with a Button` 元素，如下所示：

<Button Background="Yellow" Style="{StaticResource ButtonStyleGeneral}" Content="Button" />