WPF实现按钮点击临时更改背景色的交互反馈效果

你现有代码不生效、设计器修改按钮背景后效果失效，核心是两个问题：

• 触发器写法错误：IsPressed触发器中Property="Button.Background"是修改按钮自身的依赖属性，WPF依赖属性优先级里，本地设置（设计器中直接赋值的Background）优先级高于触发器Setter，会直接覆盖触发器修改，自然看不到颜色变化。
• 原生IsPressed状态仅在鼠标按住按钮时生效，松开立刻恢复，无法实现「点击后短暂保留绿色、再自动恢复」的确认反馈效果。

直接修改按钮样式的ControlTemplate部分，通过定向修改模板内Border元素属性+点击事件动画实现效果，无论按钮本身设置什么背景色都不会失效，完整样式代码如下：

<Style x:Key="ButtonStyleGeneral" TargetType="{x:Type Button}">
    <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
    <Setter Property="Background" Value="White"/> <!-- 默认白色背景 -->
    <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="IsPressed" Value="true">
                        <Setter TargetName="border" Property="Background" Value="Green"/>
                    </Trigger>
                    <!-- 点击松开后延迟恢复，实现短暂停留的反馈效果 -->
                    <EventTrigger RoutedEvent="PreviewMouseLeftButtonUp">
                        <BeginStoryboard>
                            <Storyboard>
                                <!-- 保持绿色状态 -->
                                <ColorAnimation 
                                    Storyboard.TargetName="border"
                                    Storyboard.TargetProperty="Background.Color"
                                    To="Green"
                                    Duration="0:0:0"
                                    FillBehavior="HoldEnd"/>
                                <!-- 停留200毫秒后恢复原色，可自行调整时长参数 -->
                                <ColorAnimation 
                                    Storyboard.TargetName="border"
                                    Storyboard.TargetProperty="Background.Color"
                                    Duration="0:0:0.2"
                                    BeginTime="0:0:0.2"
                                    FillBehavior="Stop"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                    <!-- 禁用状态逻辑可按需补充 -->
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter TargetName="border" Property="Opacity" Value="0.5"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

• 所有修改背景的Setter都指定TargetName="border"，直接修改模板内边框元素的属性，完全绕开按钮本身的Background属性优先级问题，就算在设计器给按钮单独设置Background值，点击反馈效果也不会失效。
• 动画时长可按需调整：BeginTime="0:0:0.2"代表绿色停留200毫秒，后续Duration="0:0:0.2"代表恢复原色的过渡动画时长，不需要平滑过渡的话把该值设为0:0:0即可。
• 全部逻辑在XAML样式内完成，不需要编写后台C#代码，所有套用该样式的按钮都会自动获得点击反馈效果。

内容的提问来源于stack exchange，提问作者Jannes