Style.Triggers中MouseLeave路由事件的等效事件是什么？Canvas透明度动画问题

嘿，我完全懂你碰到的这个小困惑！在WPF的Style.Triggers体系里，和MouseEnter直接对应的等效路由事件就是**MouseLeave**本身哦～你之所以可能没找到合适的触发方式，大概率是没把它和EventTrigger正确搭配，或者没给离开时的动画做对应配置。

我给你两种常用的实现方式，你可以根据需求选：

方式一：用EventTrigger分别绑定MouseEnter和MouseLeave #

这种方式最直接，分别为两个事件设置独立的动画：

<Style TargetType="Canvas">
    <Setter Property="Opacity" Value="1.0"/> <!-- 默认透明度 -->
    <Style.Triggers>
        <!-- 鼠标进入Canvas时，透明度平滑降到0.8 -->
        <EventTrigger RoutedEvent="MouseEnter">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation
                        Storyboard.TargetProperty="Opacity"
                        To="0.8"
                        Duration="0:0:0.2"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
        <!-- 鼠标离开Canvas时，透明度恢复到默认值 -->
        <EventTrigger RoutedEvent="MouseLeave">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation
                        Storyboard.TargetProperty="Opacity"
                        To="1.0"
                        Duration="0:0:0.2"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Style.Triggers>
</Style>

方式二：用IsMouseOver属性触发器（更简洁） #

如果不想写两个独立的EventTrigger，你可以用IsMouseOver这个依赖属性，它会在鼠标进入时变为true，离开时变为false。通过EnterActions和ExitActions就能分别对应进入和离开的效果：

<Style TargetType="Canvas">
    <Setter Property="Opacity" Value="1.0"/>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <!-- 鼠标进入时的动画 -->
            <Trigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0.8" Duration="0:0:0.2"/>
                    </Storyboard>
                </BeginStoryboard>
            </Trigger.EnterActions>
            <!-- 鼠标离开时的等效动画（自动触发） -->
            <Trigger.ExitActions>
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="Opacity" To="1.0" Duration="0:0:0.2"/>
                    </Storyboard>
                </BeginStoryboard>
            </Trigger.ExitActions>
        </Trigger>
    </Style.Triggers>
</Style>

简单总结下：如果你要找MouseEnter的直接等效事件，就是MouseLeave；如果想更优雅地处理状态切换，用IsMouseOver的触发器会更省心～

内容的提问来源于stack exchange，提问作者H L