XAML 复选框背景和 BorderBrush 颜色不会在 MouseOver 上更改

Question

如何更改 BorderBrush 和 Background 上的复选框 MouseOver 的颜色？我试过这种方法，但它不起作用：

<CheckBox Style="{DynamicResource checkBox}">CheckBoxText</CheckBox>

这是我的风格：

<Style TargetType="{x:Type CheckBox}" x:Key="checkBox">

    <!-- This part changes the colors -->
    <Setter Property="BorderBrush" Value="LightGray" />
    <Setter Property="BorderThickness" Value="3" />
    <Setter Property="Background" Value="LightGray" />

    <Style.Triggers>

        <Trigger Property="IsMouseOver" Value="True">

            <!-- This part is not changing the colors -->
            <Setter Property="BorderThickness" Value="3" />
            <Setter Property="Background" Value="Gray" />
            <Setter Property="BorderBrush" Value="Gray" />

        </Trigger>

    </Style.Triggers>

</Style>

更改这些颜色适用于<Trigger Property="IsChecked" Value="True"> 条件。但它不适用于IsMouseOver。

Answer 1

您只是缺少 TargetName 来告诉它您将 setter 更改应用于哪个对象。因此，例如就拿你的;

<Setter Property="Background" Value="Gray" />

并成功；

<Setter TargetName="ObjectNameToChangeStuff" Property="Background" Value="Gray" />

假设对象名可能是边框或其他东西，所以它会像

<Border x:Name="ObjectNameToChangeStuff"/>

希望这会有所帮助，干杯。

PS - 因为我刚刚注意到。您将希望 ControlTemplate 中的这些触发器而不是您的样式，因此它将是 ControlTemplate.Triggers 而不是 Style.Triggers（因为您正在与 ControlTemplate 的元素交互）与 example 进行比较，以便您可以发现您的差异更轻松。 :)

添加：

因此，如果您的模板设置是这样的（伪）；

<Style x:Key="{x:Type CheckBox}" TargetType="CheckBox">
  <!-- Blah blah setter stuff for defaults -->
  <Setter Property="Background" Value="DefaultColorForThisThing"/>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="CheckBox">

       <BlahBlah Stuff/>...

      <!-- Whatever CLR object that supports it, for example -->
      <Border Background="{TemplateBinding Background}"/>

      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

...那么您应该能够在依赖属性中传递一个值，以通过样式触发器与控件模板内的对象对话。

Answer 2

如果有人仍在尝试解决这个问题，您可以像这样设置和覆盖控件模板：

<Style x:Key="checkboxTemplate" TargetType="{x:Type CheckBox}">
    <Setter Property="SnapsToDevicePixels" Value="true" />
    <Setter Property="OverridesDefaultStyle" Value="true" />
    <Setter Property="FocusVisualStyle" Value="{DynamicResource CheckBoxFocusVisual}" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type CheckBox}">
                <BulletDecorator Background="Transparent">
                    <BulletDecorator.Bullet>
                        <Border x:Name="Border" Width="13" Height="13" CornerRadius="0" BorderThickness="1">
                            <Border.BorderBrush>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                    <LinearGradientBrush.GradientStops>
                                        <GradientStopCollection>
                                            <GradientStop Color="Blue" Offset="0.0" />
                                            <GradientStop Color="Blue" Offset="1.0" />
                                        </GradientStopCollection>
                                    </LinearGradientBrush.GradientStops>
                                </LinearGradientBrush>
                            </Border.BorderBrush>
                            <Border.Background>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                    <LinearGradientBrush.GradientStops>
                                        <GradientStopCollection>
                                            <GradientStop Color="Orange" />
                                            <GradientStop Color="Orange" Offset="1.0" />
                                        </GradientStopCollection>
                                    </LinearGradientBrush.GradientStops>
                                </LinearGradientBrush>
                            </Border.Background>
                            <Grid>
                                <Path Visibility="Collapsed" Width="7" Height="7" x:Name="CheckMark" SnapsToDevicePixels="False" StrokeThickness="2" Data="M 0 0 L 7 7 M 0 7 L 7 0">
                                    <Path.Stroke>
                                        <SolidColorBrush Color="Black" />
                                    </Path.Stroke>
                                </Path>
                                <Path Visibility="Collapsed" Width="7" Height="7" x:Name="InderminateMark" SnapsToDevicePixels="False" StrokeThickness="2" Data="M 0 7 L 7 0">
                                    <Path.Stroke>
                                        <SolidColorBrush Color="Black" />
                                    </Path.Stroke>
                                </Path>
                            </Grid>
                        </Border>
                    </BulletDecorator.Bullet>
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal" />
                            <VisualState x:Name="MouseOver">
                                <Storyboard>
                                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                        <EasingColorKeyFrame KeyTime="0" Value="Yellow" />
                                    </ColorAnimationUsingKeyFrames>
                                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                        <EasingColorKeyFrame KeyTime="0" Value="Yellow" />
                                    </ColorAnimationUsingKeyFrames>
                                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="(Border.BorderBrush).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                        <EasingColorKeyFrame KeyTime="0" Value="LightBlue" />
                                    </ColorAnimationUsingKeyFrames>
                                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="(Border.BorderBrush).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                        <EasingColorKeyFrame KeyTime="0" Value="LightBlue" />
                                    </ColorAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="Pressed">
                                <Storyboard>
                                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                        <EasingColorKeyFrame KeyTime="0" Value="Yellow" />
                                    </ColorAnimationUsingKeyFrames>
                                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                        <EasingColorKeyFrame KeyTime="0" Value="Yellow" />
                                    </ColorAnimationUsingKeyFrames>
                                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="(Border.BorderBrush).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                        <EasingColorKeyFrame KeyTime="0" Value="LightBlue" />
                                    </ColorAnimationUsingKeyFrames>
                                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="(Border.BorderBrush).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                        <EasingColorKeyFrame KeyTime="0" Value="LightBlue" />
                                    </ColorAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="Disabled" />
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="CheckStates">
                            <VisualState x:Name="Checked">
                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="CheckMark">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}" />
                                    </ObjectAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="Unchecked" />
                            <VisualState x:Name="Indeterminate">
                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="InderminateMark">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}" />
                                    </ObjectAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <ContentPresenter Margin="4,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left" RecognizesAccessKey="True" />
                </BulletDecorator>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

地点：

• 边框 = 蓝色
• 背景 = 橙色
• 勾号/十字 = 黑色
• Pressed 和 MouseOver 上的边框 = LightBlue
• Pressed 和 MouseOver 的背景 = 黄色

我已经稍微修改了这个example template 以考虑将鼠标悬停在边框颜色上。

PS：这是一种非常幼稚的方法，肯定有办法将其浓缩，我也是 wpf 初学者 :P

Answer 3

我试图覆盖 OnMouseOver 事件但没有成功。我同意 Yoghurt 的观点，即制作模板是最好的解决方案。但是，我建议使用 Unicode 字符，而不是使用 Path 绘制复选标记。请参阅维基百科了解不同的 Unicode 字符。 WPF 可能不支持某些较新的 unicode。

https://en.wikipedia.org/wiki/Check_mark