WPF中如何从一个Style访问另一个Style内的StoryBoard？

这个问题我之前也碰到过，核心是WPF的资源作用域限制——你把GridStoryBoard放在GridStyle的内部资源里了，这个资源的访问范围只限于GridStyle本身和应用了该样式的Grid控件的子元素，外部的ButtonStyle根本找不到它。给你几个靠谱的解决办法：

方法1：把Storyboard移到全局资源层级（最推荐） #

直接把GridStoryBoard从GridStyle.Resources里抽出来，放到<Window.Resources>的根级别，这样整个Window范围内的所有控件和样式都能轻松访问到它。修改后的代码如下：

<Window.Resources>
    <!-- 把Storyboard移到全局资源区，所有元素都能访问 -->
    <Storyboard x:Key="GridStoryBoard" >
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
            <EasingDoubleKeyFrame KeyTime="0:0:0.25" Value="-358" />
            <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="2" />
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <Style x:Key="GridStyle" TargetType="{x:Type Grid}">
        <!-- 这里不需要再保留Storyboard的定义了 -->
    </Style>

    <Style x:Key="ButtonStyle" TargetType="{x:Type Button}">
        <Style.Triggers>
            <EventTrigger RoutedEvent="ButtonBase.Click">
                <BeginStoryboard Storyboard="{StaticResource GridStoryBoard}" />
            </EventTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

这种方式最简单，也最容易维护，完全避开了资源作用域的问题。

方法2：让Grid自己监听Button的点击事件（适合不想移动资源的场景） #

如果一定要把GridStoryBoard留在GridStyle内部，可以利用WPF路由事件冒泡的特性：让Grid捕获子Button的点击事件，然后自己启动内部的Storyboard。代码示例：

<Window.Resources>
    <Style x:Key="GridStyle" TargetType="{x:Type Grid}">
        <Style.Resources>
            <Storyboard x:Key="GridStoryBoard" >
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                    <EasingDoubleKeyFrame KeyTime="0:0:0.25" Value="-358" />
                    <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="2" />
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
        </Style.Resources>
        <Style.Triggers>
            <!-- 监听子控件的Button.Click事件（路由事件会向上冒泡） -->
            <EventTrigger RoutedEvent="Button.Click">
                <BeginStoryboard Storyboard="{StaticResource GridStoryBoard}" />
            </EventTrigger>
        </Style.Triggers>
    </Style>

    <Style x:Key="ButtonStyle" TargetType="{x:Type Button}">
        <!-- 这里不需要再定义Click的EventTrigger了 -->
    </Style>
</Window.Resources>

<!-- 用法示例：Button必须是Grid的子元素，这样事件才能冒泡到Grid -->
<Grid Style="{StaticResource GridStyle}">
    <Button Style="{StaticResource ButtonStyle}" Content="点击触发动画" />
</Grid>

这个思路的核心是：Button的Click事件会沿着VisualTree向上冒泡，Grid作为父元素可以捕获到这个事件，然后启动自己内部的Storyboard，完美绕开跨样式资源访问的限制。

方法3：动态资源查找（不推荐，仅特殊场景） #

如果以上两种方法都不适用（比如Button和Grid没有父子关系，又不能移动资源），可以尝试用DynamicResource配合资源键，但这种方式比较复杂且容易出问题，一般不推荐。比如需要先定义一个静态类存储资源键，再确保Grid已经加载样式让资源能被找到，代码会繁琐很多，所以除非万不得已，不建议用这个方案。

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