如何為復選框的背景顏色設定一個條件，使其處于滑鼠移動狀態？

我需要一個CheckBox，它的作用如下

我創建了一個這樣的模板：

<Application.Resources> <Style TargetType="CheckBox" x。 Key="OptionMarkFocusVisual">。 <Setter Property="Control.Template">/span> <Setter.Value>/span> <ControlTemplate>/span> < Rectangle Margin="14,0,0, 0"/span> StrokeDashArray="1 2"/span> SnapsToDevicePixels="true" StrokeThickness="1" Stroke="{DynamicResource {x: Static SystemColors. ControlTextBrushKey}"/> </ControlTemplate>/span> </Setter.Value>/span> </Setter>/span> </Style>> <SolidColorBrush x:Key="OptionMark。 Static.Glyph" Color="#FFF"/> <SolidColorBrush x:Key="OptionMark. MouseOver.Background" Color="#FF3C77DD"/> <SolidColorBrush x:Key="OptionMark. MouseOver.Border" Color="#FF3C77DD"/> <SolidColorBrush x:Key="OptionMark。 MouseOver.Glyph" Color="#FFF"/> <SolidColorBrush x:Key="OptionMark. Pressed.Background" Color="#FF3C77DD"/> <SolidColorBrush x:Key="OptionMark。 Pressed.Border" Color="#FF3C77DD"/> <SolidColorBrush x:Key="OptionMark。 Pressed.Glyph" Color="#FFF"/> <SolidColorBrush x:Key="OptionMark. Disabled.Background" Color="#FF3C77DD"/> <SolidColorBrush x:Key="OptionMark。 Disabled.Border" Color="#FF3C77DD"/> <SolidColorBrush x:Key="OptionMark。 Disabled.Glyph" Color="#FFF"/> <ControlTemplate x: Key="checkBoxTemplate" TargetType="{x:Type CheckBox}"> <Grid x: Name="templateRoot" Background="Transparent" SnapsToDevicePixels="True"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/span>/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Border x: 名稱="checkBoxBorder" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}"/span> BorderBrush="{TemplateBinding BorderBrush}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="1"/span> VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/span>> <Grid x:Name="markGrid"/span>> <Path x:Name="optionMark" Data="F1 M 9. 97498,1.22334L 4.6983,9.09834L 4.52164,9.09834L 0,5.19331L 1.27664,3.52165L 4.255,6.08833L 8.33331,1.52588-005L 9.97498,1. 22334 Z" Fill="{StaticResource OptionMark.Static. Glyph}" Margin="1"/span> Opacity="0"/span> Stretch="None"/> <Rectangle x: Name="indeterminateMark" Fill="{StaticResource OptionMark。 </Grid>/span> </Border>/span> <ContentPresenter x:Name="contentPresenter" Grid。 Column="1"/span> Focusable="False"/span> HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/span> VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/span>/> </Grid> <ControlTemplate.Triggers> < Trigger Property="HasContent" Value="true"> < Setter Property="true">。 string">"FocusVisualStyle" Value="{StaticResource OptionMarkFocusVisual}" /> < Setter Property="Padding" Value="4,-1,0,0"/> </Trigger>/span> < Trigger Property="IsMouseOver" Value="true">> < Setter Property="Background" TargetName="checkBoxBorder" Value="{StaticResource OptionMark. MouseOver.Background}"/> < Setter Property="BorderBrush"/span> TargetName="checkBoxBorder" Value="{StaticResource OptionMark. MouseOver.Border}"/> < Setter Property="Fill"/span> TargetName="optionMark" Value="{StaticResource OptionMark. MouseOver.Glyph}"/> < Setter Property="Fill"/span> TargetName="indeterminateMark" Value="{StaticResource OptionMark. MouseOver.Glyph}"/> </Trigger>/span> < Trigger Property="IsEnabled" Value="false"> < Setter Property="background" TargetName="checkBoxBorder" Value="{StaticResource OptionMark. Disabled.Background}"/> < Setter Property="BorderBrush"/span> TargetName="checkBoxBorder" Value="{StaticResource OptionMark. Disabled.Border}"/> < Setter Property="Fill" TargetName="optionMark" Value="{StaticResource OptionMark. Disabled.Glyph}"/> < Setter Property="Fill"/span> TargetName="indeterminateMark" Value="{StaticResource OptionMark. Disabled.Glyph}"/> </Trigger>/span> < Trigger Property="IsPressed" Value="true"> < Setter Property="Background" TargetName="checkBoxBorder" Value="{StaticResource OptionMark. Pressed.Background}"/> < Setter Property="BorderBrush"/span> TargetName="checkBoxBorder" Value="{StaticResource OptionMark. Pressed.Border}"/> < Setter Property="Fill"/span> TargetName="optionMark" Value="{StaticResource OptionMark. Pressed.Glyph}"/> < Setter Property="Fill"/span> TargetName="indeterminateMark" Value="{StaticResource OptionMark. Pressed.Glyph}"/> </Trigger>/span> < Trigger Property="IsChecked" Value="true"> < Setter Property="Opacity" TargetName="optionMark" Value="1"/span>/> < Setter Property="Opacity" TargetName="indeterminateMark" Value="0"/span>/> < Setter Property="Background" Value="#FF3C77DD"/> < Setter Property="BorderBrush"/span> TargetName="checkBoxBorder" Value="#FF3C77DD"/> </Trigger> <Trigger Property="IsChecked"/span> Value="{x: Null}"> < Setter Property="Opacity" TargetName="optionMark" Value="0"/span>/> < Setter Property="Opacity" TargetName="indeterminateMark" Value="1"/span>/> </Trigger> </ControlTemplate.Triggers>/span> </ControlTemplate> </Application.Resources>/span>

問題是當滑鼠在CheckBox上并且它沒有被選中時，背景變成了藍色，如果我改變：

<SolidColorBrush x:Key="OptionMark. MouseOver.Background" Color="#FF3C77DD"/>

變成白色，當它被選中并且滑鼠在CheckBox上時，背景變成了白色。我怎樣才能改變模板，使背景是藍色的，如果CheckBox被選中并且滑鼠在它上面，并且將背景設定為白色，如果它被取消選中并且滑鼠在它上面？

uj5u.com熱心網友回復：

正如@BionicCode在評論中已經提到的，你應該使用一個MultiTrigger，它可以使用一組條件。只有在滿足所有條件的情況下，才會應用設定器。

<MultiTrigger> 
   <MultiTrigger.Conditions>/span>
      < 條件 屬性="IsMouseOver" 值="True"/>>
      < 條件 屬性="IsChecked" 價值="True"/>
   </MultiTrigger.Condition>
   < Setter Property="background" TargetName="checkBoxBorder" Value="{StaticResource OptionMark. MouseOver.Background}"/>
    < Setter Property="BorderBrush"/span> TargetName="checkBoxBorder" Value="{StaticResource OptionMark. MouseOver.Border}"/>
    < Setter Property="Fill"/span> TargetName="optionMark" Value="{StaticResource OptionMark. MouseOver.Glyph}"/>
    < Setter Property="Fill"/span> TargetName="indeterminateMark" Value="{StaticResource OptionMark. MouseOver.Glyph}"/>
</MultiTrigger>/span>

標籤：

上一篇：如何在Blend中覆寫默認的WinUI2.x風格？

下一篇：按引數創建一個物件陣列