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

Question

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

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

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

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

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

<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 行为封装在应用于自定义控件的样式中来实现您想要执行的操作。这将为您提供您正在寻找的单点故障。