WPF自定义控件样式中IsPressed触发器不生效问题

特别感谢@BionicCode在自定义控件样式入门阶段的指导。

我做了个带按钮和文本块的简单自定义控件，正在给按钮编写样式，步骤如下：

• 先在代码文件里定义ComponentResourceKey：

public static ComponentResourceKey ButtonStyleKey = new ComponentResourceKey(typeof(MyCustomControl), "ButtonStyle");

• 然后在Generic.xaml中编写按钮样式：

<Style x:Key="{x:Static local:MyCustomControl.ButtonStyleKey}" 
   TargetType="{x:Type Button}">

<Setter Property="Background" Value="#EEEEEEEE"/>
<Setter Property="Foreground" Value="Black"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Padding" Value="10 5"/>
<Setter Property="FontSize" Value="14" />
<Setter Property="BorderThickness" Value="2" />

<Setter Property="Template">
    <Setter.Value>
        
        <ControlTemplate TargetType="{x:Type Button}">
            
            <Grid>

                <Border x:Name="Border"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"/>

                <ContentPresenter x:Name="content" 
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  Margin="{TemplateBinding Padding}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                  RecognizesAccessKey="True" />
            </Grid>
            
            <ControlTemplate.Triggers>
                <Trigger Property="IsPressed" Value="True">
                    <Setter Property="Foreground" Value="Red"/>
                    <Setter Property="Margin" Value="2 1" />
                </Trigger>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="BorderThickness" Value="0"/>
                    <Setter Property="Background" Value="Orange"/>
                    <Setter Property="Foreground" Value="Blue"/>
                </Trigger>
                <Trigger Property="IsEnabled" Value="false">
                    <Setter Property="Foreground" Value="Gray"/>
                    <Setter Property="Foreground" Value="DarkGray"/>
                </Trigger>
            </ControlTemplate.Triggers>
            
        </ControlTemplate>
        
    </Setter.Value>
</Setter>
</Style>

• 控件模板里的按钮代码：

<Button Grid.Row="0" 
    x:Name="button"
    Height="65"
    Width="150"
    Content="A Button"
    Style="{DynamicResource {x:Static local:MyCustomControl.ButtonStyleKey}}"/>

现在遇到的问题：IsPressed触发器完全失效，点击按钮时前景色并未变为红色（此前描述中“背景变红”为笔误，代码中实际设置的是前景色）。但MouseOver触发器能正常将按钮背景设为橙色，IsEnabled触发器也能正确设置禁用状态的颜色，说明样式本身是有效的，仅IsPressed部分不工作。

问题分析与解决办法 #

你的IsPressed触发器存在两个核心问题：

1. 未指定TargetName，Setter默认作用于Button本身，但模板中ContentPresenter的样式继承可能存在优先级问题，导致前景色修改不生效；
2. 设置的Margin作用于Button控件而非内部的ContentPresenter，因此看不到按下时的偏移效果。

同时注意到你在IsEnabled触发器中重复设置了两次Foreground，属于冗余代码，可删除其中一项。

修正后的IsPressed触发器代码如下：

<Trigger Property="IsPressed" Value="True">
    <!-- 若需修改按钮背景，指定模板中的Border元素 -->
    <Setter TargetName="Border" Property="Background" Value="Red"/>
    <!-- 修改文字颜色，指定模板中的ContentPresenter元素 -->
    <Setter TargetName="content" Property="Foreground" Value="White"/>
    <!-- 实现文字按下偏移效果 -->
    <Setter TargetName="content" Property="Margin" Value="2 1" />
</Trigger>

通过明确指定样式作用的目标元素，可确保触发器逻辑准确生效。另外WPF中IsPressed触发器的优先级高于MouseOver，现有触发器顺序无需调整。

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