Windows Phone側面菜單的listboxitem

Question

我想為特定的listboxitem或longlistselector的項目（如圖片）創建側面菜單

當您按住listboxitem時，藍色面板會出現，這是否有幫助？

我管理了該項目的Hold事件，但沒有管理側面菜單！

Answer 1

您可以將此菜單包含在Item Template ，並將其Visibility設置為Collapsed 。 然后將代碼添加到您的Hold事件中以顯示它。 看一下Storyboard類中可能的動畫。

Answer 2

有幾種方法可以執行此操作，但是基本思想是您將菜單添加為隱藏或折疊狀態，然后在Hold事件上觸發動畫。 這是一個簡單的示例（使用交互DLL System.Windows.Interactivity和Microsoft.Expression.Interactions.Core）：

<Grid xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
      xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions">
    <Grid.Resources>
        <Storyboard x:Name="ShowMenu">
            <DoubleAnimation Storyboard.TargetName="translate" Storyboard.TargetProperty="X" 
                             To="0" Duration="0:0:0.3" />
        </Storyboard>
        <Storyboard x:Name="HideMenu">
            <DoubleAnimation Storyboard.TargetName="translate" Storyboard.TargetProperty="X" 
                             To="-300" Duration="0:0:0.3" />
        </Storyboard>
    </Grid.Resources>

    <Grid Width="300" Background="LightBlue">
        <Grid.RenderTransform>
            <TranslateTransform x:Name="translate" X="-300" />
        </Grid.RenderTransform>

        <!-- Menu popup content here -->
        <TextBlock Text="Menu">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Hold">
                    <ei:ControlStoryboardAction Storyboard="{StaticResource HideMenu}" ControlStoryboardOption="Play" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </TextBlock>
    </Grid>

    <Grid>
        <!-- Item content here -->
        <TextBlock Text="Item">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Hold">
                    <ei:ControlStoryboardAction Storyboard="{StaticResource ShowMenu}" ControlStoryboardOption="Play" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </TextBlock
    </Grid>
</Grid>