我正在嘗試根據檢查狀態更改三態按鈕的背景顏色，但它沒有回應。我所擁有的是：
<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>
默認情況下背景變成紫色，所以我知道它正在采用這種風格，但是當按鈕被選中時，背景變成淡藍色 - 我不知道它來自哪里 - 當它未被選中或不確定（null）時回到紫羅蘭。如果我洗掉將背景設定為紫色的行，則行為是相同的，當然默認更改為白色。
那么如何根據檢查狀態設定背景顏色呢？
編輯：按照.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>
然后未選中和不確定的粉紅色和黃色可以正常作業，但選中的綠色仍然無法正常作業并且呈現淡藍色。
uj5u.com熱心網友回復：
我不知道這是從哪里來的...
它在默認模板中硬編碼，這意味著您需要定義自己的自定義模板。恐怕只定義一些觸發器而不創建自定義模板是不夠的。
這是一個基于默認模板的示例：
<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
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/415736.html
標籤：