WPF ToggleButton样式与文本内容不生效问题排查

一、文本无法切换的原因及修复 #

你直接在<TextBox>标签上设置了Text="Pause"，这属于本地值，在WPF的属性值优先级里，本地值的优先级远高于Style触发器中的Setter。所以不管PauseUpdate怎么变化，Text都会固定为"Pause"，触发器的设置根本不会生效。

修复方法：把Text的默认值移到Style的<Setter>中，删除TextBox标签上的直接设置：

<TextBox IsReadOnly="True" Background="Transparent" BorderThickness="0">
    <TextBox.Style>
        <Style TargetType="TextBox">
            <!-- 将默认Text放在Style的Setter里 -->
            <Setter Property="Text" Value="Pause"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding PauseUpdate}" Value="true">
                    <Setter Property="Text" Value="Paused"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TextBox.Style>
</TextBox>

二、ToggleButton背景不更新的原因及修复 #

核心问题1：本地值覆盖Style设置 #

你直接在<ToggleButton>标签内定义了<ToggleButton.Background>，这同样是本地值，优先级高于Style触发器中的Setter。所以哪怕触发器触发，也无法覆盖这个本地设置的绿色背景。

核心问题2：默认模板的视觉状态干扰 #

ToggleButton的默认ControlTemplate中，IsChecked或Focused状态自带蓝色的视觉覆盖层，会进一步遮挡你设置的背景颜色。

修复后的ToggleButton代码（直接用IsChecked触发器更简洁，因为已经绑定了PauseUpdate）：

<ToggleButton HorizontalAlignment="Right" VerticalAlignment="Top" Margin="7" Padding="7" IsChecked="{Binding PauseUpdate}">
    <!-- 删除这里直接设置的Background -->
    <ToggleButton.Style>
        <Style TargetType="ToggleButton">
            <!-- 默认背景放到Style的Setter里 -->
            <Setter Property="Background">
                <Setter.Value>
                    <SolidColorBrush Color="Green" Opacity=".2"/>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <!-- 直接绑定ToggleButton自身的IsChecked属性，比DataTrigger更直接 -->
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Background">
                        <Setter.Value>
                            <SolidColorBrush Color="Red" Opacity=".2"/>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </ToggleButton.Style>
    
    <!-- 插入修复后的TextBox -->
    <TextBox IsReadOnly="True" Background="Transparent" BorderThickness="0">
        <TextBox.Style>
            <Style TargetType="TextBox">
                <Setter Property="Text" Value="Pause"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding PauseUpdate}" Value="true">
                        <Setter Property="Text" Value="Paused"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </TextBox.Style>
    </TextBox>
</ToggleButton>

关键知识点：WPF属性值优先级 #

导致这两个问题的本质都是WPF的属性值优先级规则，优先级从高到低为：

• 本地值（控件标签上直接设置的属性）
• 样式触发器的Setter
• 样式的默认Setter
• 继承的值
• 主题默认样式

要让触发器能修改属性，绝对不能在控件标签上直接设置该属性的本地值，必须把默认值放到Style的Setter中。

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