How can I share a VisualStateManager between two (or more) XAML files?

Question

We are writing a Prism-based Silverlight application, and we have a whole bunch of pages in separate modules.

The transition between pages is done through navigation events, and each module implements the following methods to show the page during navigation and hide it during navigation:

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

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

Currently, "ShowState" and "HideState" are defined in each module of the XAML file, so they are duplicated too many times.

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

Where ...represents Storyboardfor each transition.

Storyboard, . , Storyboard, .

, , .

VisualStateManager XAML?

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 , . - , -. BeginStoryboard VisualState.

EDIT: WPF, SL. a Storyboard VisualState SL. , , VisualStateManager , . , .