Question

当我添加此控件模板时，我的复选框消失，只显示复选框文本。当鼠标结束时，textbackground变为红色，当鼠标结束时如何让我的复选框背景变为红色？

<Style TargetType="CheckBox" x:Key="Checkbox">
    <Setter Property="BorderThickness"          Value="2" />
    <Setter Property="VerticalAlignment"        Value="Top" />
    <Setter Property="Margin"                   Value="20,15,0,0" />
    <Setter Property="FontFamily"               Value="/Resources/Fonts/Source Sans Pro/#Source Sans Pro" />
    <Setter Property="FontSize"                 Value="14" />
    <Setter Property="HorizontalAlignment"      Value="Left" />
    <Setter Property="Foreground"               Value="{DynamicResource CheckboxForegroundColor}" />
    <Setter Property="Background"               Value="{DynamicResource CheckboxBackgroundColor}" />
    <Setter Property="BorderBrush"              Value="{DynamicResource CheckboxBorderbrushColor}"/>


    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type CheckBox}">
                <CheckBox  Background="{TemplateBinding Background}" >
                    <ContentPresenter  />
                </CheckBox>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="Red"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>

Answer 1

这适用于某些属性（例如，尝试FontSize），但不适用于其他属性。 CheckBox的默认模板具有自己的触发器，并且不会对TemplateBinding s这样的事情感到烦恼。

This post告诉您如何提取ComboBox的默认模板。这是一个显示您的问题的摘录：

<ControlTemplate.Triggers>
    ...
    <Trigger Property="IsMouseOver" Value="true">
        <Setter
            Property="Background"
            TargetName="checkBoxBorder"
            Value="{StaticResource OptionMark.MouseOver.Background}"/>
        ...
    </Trigger>
    ...
</ControlTemplate.Triggers>

您最好的选择可能是覆盖整个模板。令人高兴的是，它不是太复杂......

删除您自己的模板。
Follow the steps outlined in the post I linked to。这应该会为您提供默认CheckBox模板的副本。
修改该副本。特别是，我摘录的IsMouseOver触发器：将{StaticResource OptionMark.MouseOver.Background}更改为Red。

如果仍然不清楚，see this related post。

Checkbox IsMouseOver不会工作

1 个答案: