如何在两个（或更多）XAML 文件之间共享 VisualStateManager？

Question

我们正在编写一个基于 Prism 的 Silverlight 应用程序，并且我们在不同的模块中有一大堆页面。

页面之间的转换是通过导航事件处理的，每个模块都实现了以下方法来在导航到时显示页面并在导航到时隐藏页面：

public void Show()
{
    VisualStateManager.GoToState(this, "ShowState", true);
}

public void Hide()
{
    VisualStateManager.GoToState(this, "HideState", true);
}

目前每个模块的 XAML 文件中都定义了“ShowState”和“HideState”，因此重复了太多次。

<Grid x:Name="LayoutRoot">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="VisualStates">
            <VisualState x:Name="ShowState">
                ...
            </VisualState>
            <VisualState x:Name="HideState">
                ...
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

其中... 代表每个转换的Storyboard。

我刚刚在Storyboard 定义中发现了一个错误，目前我将不得不在所有文件中复制修复程序。如果Storyboard 的定义只有一个可以在每个文件中引用，那就更好了。

我整个上午都在寻找正确的语法，但一直没有运气。

如何在所有 XAML 文件之间共享此 VisualStateManager？

Answer 1

<Storyboard x:Key="ShowStoryboard">
    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="glow" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
    </DoubleAnimationUsingKeyFrames>
</Storyboard>

<VisualState x:Name="ShowState">
    <BeginStoryboard Storyboard="{StaticResource ShowStoryboard}"/>
</VisualState>

可以如上所示在 XAML 中引用 Storyboard。最上面的部分是作为资源存储在某处的故事板。之后，您应该能够在 VisualState 中使用 BeginStoryboard 引用。

编辑： 以上在 WPF 中似乎是可能的，但在 SL 中是不可能的。截至目前，在 SL 中似乎无法重用 Storyboard 或 VisualState。通过将VisualStateManager 行为封装在应用于自定义控件的样式中，您仍然应该能够实现您想要做的事情。这将为您提供您正在寻找的单点故障。