WPF实现鼠标悬停PlayMenu时HiddenMenu按钮渐隐动画

你的现有样式无法实现跨按钮动画的核心原因是：ControlTemplate内的触发器只能作用于模板自身包含的元素，无法直接访问外部的HiddenMenu按钮。下面是两种可行的解决方法：

方法1：在父容器中添加触发器（推荐） #

把动画逻辑放在两个按钮共同的父容器（如Grid、StackPanel）中，这样可以直接关联PlayMenu的鼠标事件和HiddenMenu的动画：

<!-- 假设两个按钮都在同一个Grid容器内 -->
<Grid>
    <Button x:Name="PlayMenu" 
            Style="{StaticResource MyMenuButton}" 
            Content="播放菜单" />
    <Button x:Name="HiddenMenu" 
            Content="隐藏菜单" 
            Opacity="1" 
            Margin="0,50,0,0" />

    <Grid.Triggers>
        <!-- 鼠标悬停PlayMenu时，HiddenMenu缓慢淡出 -->
        <EventTrigger SourceName="PlayMenu" RoutedEvent="MouseEnter">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="HiddenMenu"
                                     Storyboard.TargetProperty="Opacity"
                                     To="0" 
                                     Duration="0:0:0.2"
                                     FillBehavior="HoldEnd" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>

        <!-- 可选：鼠标离开时让HiddenMenu淡入恢复 -->
        <EventTrigger SourceName="PlayMenu" RoutedEvent="MouseLeave">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="HiddenMenu"
                                     Storyboard.TargetProperty="Opacity"
                                     To="1" 
                                     Duration="0:0:0.2"
                                     FillBehavior="HoldEnd" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Grid.Triggers>
</Grid>

说明： #

• SourceName指定触发事件的按钮（PlayMenu）
• Storyboard.TargetName指定要执行动画的目标按钮（HiddenMenu）
• FillBehavior="HoldEnd"可以让动画结束后保持最终状态，不需要的话可以去掉

方法2：修改样式（不推荐，仅当必须在样式内实现时） #

如果一定要在MyMenuButton样式内实现，需要通过绑定让样式能找到外部的HiddenMenu，但这种方式不够灵活，因为样式会依赖特定命名的元素：

<Style TargetType="Button" x:Key="MyMenuButton">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <!-- 保留原模板内容，比如按钮的视觉呈现 -->
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                </Border>

                <ControlTemplate.Triggers>
                    <EventTrigger RoutedEvent="MouseEnter">
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.Target="{Binding ElementName=HiddenMenu}"
                                                 Storyboard.TargetProperty="Opacity"
                                                 To="0" 
                                                 Duration="0:0:0.2" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

注意： #

• 这种方式要求HiddenMenu和PlayMenu在同一个命名作用域内
• 样式会和特定元素绑定，复用性降低，因此更推荐方法1

内容的提问来源于stack exchange，提问作者Oliver Hill