c# - XAML での VisualState の処理

Question

XAML に関する私の質問:

WP8でスライドイン/アウトメニューを開発したい

したがって、私のコードは次のとおりです。

<VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="ShowHideMenu">
            <VisualStateGroup.Transitions>
                <VisualTransition GeneratedDuration="0:0:0.3"/>
            </VisualStateGroup.Transitions>
            <VisualState x:Name="ShowMenu">
                <Storyboard>
                    <DoubleAnimation Duration="0" To="335" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="stackPanel" d:IsOptimized="True"/>
                </Storyboard>
            </VisualState>
            <VisualState x:Name="HideMenu"/>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

そして私のボタンコード:

<Button Content="Button" Margin="0,0,145,0">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Tap">
                        <ec:GoToStateAction StateName="ShowMenu"/>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </Button>

状態が HideMenu の場合はメニューを表示し、Show の場合は非表示にする方法は?

実際には、次のようになります。