c# - CheckBox IsChecked 和 IsMouseOver

Question

我最近做了一些控件设计，想使用它们，但我发现有问题。通常复选框有 4 个图像:

1. 正常状态时
2. 当鼠标悬停
3. 选中时
4. 选中它并将鼠标悬停在上面时

但是 4. 状态不存在，我会告诉你我到目前为止是怎么做的:

        <ControlTemplate  x:Key="ModernCheckBox" TargetType="{x:Type CheckBox}">
        <StackPanel Orientation="Horizontal">
            <Image x:Name="_Image" Source="CheckBox_Normal.png" Margin="0,0,4,0"/>
            <ContentControl Content="CheckBox"/>
        </StackPanel>
        <ControlTemplate.Triggers>
            <Trigger Property="CheckBox.IsMouseOver" Value="True">
                <Setter TargetName="_Image" Property="Source" Value="CheckBox_NormalHover.png"/>
            </Trigger>
            <Trigger Property="CheckBox.IsChecked" Value="True">
                <Setter TargetName="_Image" Property="Source" Value="CheckBox_Checked.png"/>
            </Trigger>
            <Trigger Property="CheckBox.??" Value="True">
                <Setter TargetName="_Image" Property="Source" Value="CheckBox_CheckedHover.png"/>
            </Trigger>
        </ControlTemplate.Triggers>

到目前为止，我的模板运行良好，但如您所见，我找不到最后一个状态的方法，所以我在这里寻求帮助!

亲切的问候，

jack

Answer 1

您需要使用 MultiTrigger为了对你的状态使用react #4

例如

<MultiTrigger>
    <MultiTrigger.Conditions>
        <Condition Property="IsMouseOver" Value="True"/>
        <Condition Property="IsChecked" Value="True"/>
    </MultiTrigger.Conditions>
    <Setter TargetName="_Image" Property="Source" Value="CheckBox_CheckedHover.png"/>
</MultiTrigger>