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>