WPF按钮按下时修改边框样式的实现方法

针对你想要在按钮被按下时修改边框的需求，你已经做出了正确的修改方案！下面我们来拆解一下关键的调整步骤，帮你更清晰地理解实现逻辑：

关键修改点 #

• 给模板内的Border控件命名为brdbutton，这样就能在触发器中精准定位到这个边框元素，对其样式进行针对性修改
• 在IsPressed状态的触发器中，通过EnterActions添加Storyboard，使用ColorAnimation动态将边框颜色过渡为LawnGreen。相比直接用Setter设置颜色，动画方式能带来更平滑的视觉效果，同时确保在按钮按下状态持续期间样式保持生效
• 保留了对按钮背景色、前景色的原有设置，保证按钮在按下状态下的整体样式一致性

修改后的完整样式代码 #

<Style x:Key="ControlButtons">
 <Setter Property="Button.Height" Value="25" />
 <Setter Property="Button.Width" Value="60" />
 <Setter Property="Button.Background" Value="#FF373E48" />
 <Setter Property="Button.Foreground" Value="White" />
 <Setter Property="Button.Margin" Value="3,15,0,5" />
 <Setter Property="Button.HorizontalAlignment" Value="Left" />
 <Setter Property="Button.VerticalAlignment" Value="Center" />
 <Setter Property="Button.Template">
 <Setter.Value>
 <ControlTemplate TargetType="{x:Type Button}">
 <Border Name="brdbutton" Background="{TemplateBinding Background}" BorderThickness="0.5" BorderBrush="White">
 <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
 </Border>
 <ControlTemplate.Triggers>
 <Trigger Property="IsEnabled" Value="False">
 <Setter Property="Background" Value="#FF3D4959" />
 <Setter Property="Foreground" Value="#FF7B7F84" />
 </Trigger>
 <Trigger Property="IsMouseOver" Value="True">
 <Setter Property="Background" Value="#FF3A3F4C" />
 <Setter Property="Foreground" Value="White" />
 </Trigger>
 <Trigger Property="IsPressed" Value="True">
 <Setter Property="Background" Value="#FF373E48" />
 <Setter Property="Foreground" Value="#FF000000" />
 <Setter Property="Border.BorderThickness" Value="0.5" TargetName="brdbutton" />
 <Trigger.EnterActions>
 <BeginStoryboard>
 <Storyboard>
 <ColorAnimation Storyboard.TargetName="brdbutton" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" To="LawnGreen"/>
 </Storyboard>
 </BeginStoryboard>
 </Trigger.EnterActions>
 </Trigger>
 </ControlTemplate.Triggers>
 </ControlTemplate>
 </Setter.Value>
 </Setter>
</Style>

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