在XAML中處理VisualStates

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，如何顯示菜單，如果顯示則隱藏？

實際上它看起來像這樣：

Answer 1

您可以使用ToggleButton代替使用Button ，以便可以使用Checked和Unchecked事件：

<ToggleButton Margin="0,0,145,0">
  <ToggleButton.Content>
    <TextBlock Text="Button"/>
  </ToggleButton.Content>
  <i:Interaction.Triggers>
    <i:EventTrigger EventName="Checked">
      <ec:GoToStateAction StateName="ShowMenu"/>
    </i:EventTrigger>
    <i:EventTrigger EventName="Unchecked">
      <ec:GoToStateAction StateName="HideMenu"/>
    </i:EventTrigger>
  </i:Interaction.Triggers>
</ToggleButton>