如何设置 WPF 三态按钮的颜色样式

Question

我正在尝试根据检查状态更改三态按钮的背景颜色，但它没有响应。我有的是：

<Style x:Key="StatusBarBtn" TargetType="ToggleButton">
    <!-- The next line is just to make sure the background is
         visible. The issue is the same if I delete it. -->
    <Setter Property="Background" Value="Violet"/>
    <Style.Triggers>
        <Trigger Property="IsChecked" Value="True">
            <Setter Property="Content">
                <Setter.Value>
                    <Setter Property="Background" Value="Green"/>
                </Setter.Value>
            </Setter>
        </Trigger>
        <Trigger Property="IsChecked" Value="False">
            <Setter Property="Content">
                <Setter.Value>
                    <Setter Property="Background" Value="Pink"/>
                </Setter.Value>
            </Setter>
        </Trigger>
        <Trigger Property="IsChecked" Value="{x:Null}">
            <Setter Property="Content">
                <Setter.Value>
                    <Setter Property="Background" Value="Yellow"/>
                </Setter.Value>
            </Setter>
        </Trigger>
    </Style.Triggers>
</Style>

按钮是：

<ToggleButton x:Name="PatternExtensionButton" Style="{StaticResource StatusBarBtn}" IsThreeState="True">
<Image Margin="1" Source="ResourceFiles/Icons/Pattern.png" Height="15" ToolTip="Pattern extensions"/>
</ToggleButton>

背景默认为紫罗兰色，所以我知道它正在拾取样式，但是当检查按钮时，背景变成了淡蓝色 - 我不知道它来自哪里 - 不确定（空）它回到紫罗兰色。如果我删除将背景设置为紫色的行，行为是相同的，除了默认更改为白色。

那么如何根据勾选状态设置背景色呢？

编辑：按照 the.Doc 的建议，简化样式让我走到了那里。如果我这样做：

<Style.Triggers>
    <Trigger Property="IsChecked" Value="True">
        <Setter Property="Background" Value="Green"/>
    </Trigger>
    <Trigger Property="IsChecked" Value="False">
        <Setter Property="Background" Value="Pink"/>
    </Trigger>
    <Trigger Property="IsChecked" Value="{x:Null}">
        <Setter Property="Background" Value="Yellow"/>
    </Trigger>
</Style.Triggers>

然后，未选中和不确定的粉色和黄色工作正常，但选中的绿色仍然不起作用，变成淡蓝色。

Answer 1

I don't know where that's coming from ...

它硬编码在默认模板中，这意味着您需要定义自己的自定义模板。恐怕不创建自定义模板定义一些触发器是不够的。

这是一个基于默认模板的示例：

<Style x:Key="StatusBarBtn" TargetType="ToggleButton">
    <Setter Property="Background" Value="Violet"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ToggleButton}">
                <ControlTemplate.Resources>
                    <Style x:Key="FocusVisual">
                        <Setter Property="Control.Template">
                            <Setter.Value>
                                <ControlTemplate>
                                    <Rectangle Margin="2" StrokeDashArray="1 2" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" SnapsToDevicePixels="true" StrokeThickness="1"/>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                    <SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD"/>
                    <SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070"/>
                    <SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/>
                    <SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/>
                    <SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/>
                    <SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/>
                    <SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/>
                    <SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/>
                    <SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/>
                </ControlTemplate.Resources>
                <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="Button.IsDefaulted" Value="true">
                        <Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                    </Trigger>
                    <Trigger Property="IsChecked" Value="True">
                        <Setter Property="Background" TargetName="border" Value="Green"/>
                    </Trigger>
                    <Trigger Property="IsChecked" Value="False">
                        <Setter Property="Background" TargetName="border" Value="Pink"/>
                    </Trigger>
                    <Trigger Property="IsChecked" Value="{x:Null}">
                        <Setter Property="Background" TargetName="border" Value="Yellow"/>
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Pressed.Background}"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Pressed.Border}"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/>
                        <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

您当然可以根据需要删除或修改 IsMouseOver、IsPressed 和 IsEnabled 触发器。

如何设置 WPF 三态按钮的颜色样式

How to style colour of WPF 3-state button

wpf

xaml