Flyout-Menü in UWP mit MVVM

Question

Ich versuche, ein Flyout-Menü in einer Windows 10-Anwendung (mit MVVM) zu implementieren, die beim Zurückhalten eines Elements einer GridView geöffnet wird. Ich habe gesucht und ich konnte keine Beispiele finden, die für mich funktionieren. Das Flyout-Menü wird nicht geöffnet, um Optionen anzuzeigen. Weiß jemand wie ich das machen kann?

<GridView.ItemTemplate> 
    <DataTemplate> 
     <StackPanel Orientation="Horizontal"> 
      <FlyoutBase.AttachedFlyout> 
        <MenuFlyout> 
         <MenuFlyoutItem Text="Delete" Command="{Binding DeleteCommand}"/> 
        </MenuFlyout> 
      </FlyoutBase.AttachedFlyout> 
      <Image Source="{Binding Dictionary}" Height="25"/> 
      <TextBlock Text="{Binding Title}" Foreground="White" Width="170"/> 
     </StackPanel> 
    </DataTemplate> 
</GridView.ItemTemplate> 

Hinweis: Lösung in https://marcominerva.wordpress.com/2013/12/17/using-a-behavior-to-open-attached-flyouts-in-winows-81-store-apps/

Answer 1

gefunden Ich denke, was Sie einstellen möchten StackPanel.Flyout statt FlyoutBase ist

<GridView.ItemTemplate> 
    <DataTemplate> 
     <StackPanel Orientation="Horizontal"> 
      <StackPanel.Flyout> 
        <MenuFlyout> 
         <MenuFlyoutItem Text="Delete" Command="{Binding DeleteCommand}"/> 
        </MenuFlyout> 
      </StackPanel.Flyout> 
      <Image Source="{Binding Dictionary}" Height="25"/> 
      <TextBlock Text="{Binding Title}" Foreground="White" Width="170"/> 
     </StackPanel> 
    </DataTemplate> 
</GridView.ItemTemplate> 

Alternativ, wenn dies nicht für Sie arbeiten Sie kann das GridViewItem.Flyout

<GridView> 
    <GridView.Resources> 
     <Style TargetType="GridViewItem"> 
      <Setter Property="Flyout"> 
      <Setter.Value> 
       <MenuFlyout> 
        <MenuFlyoutItem Text="Delete" Command="{Binding DeleteCommand}"/> 
       </MenuFlyout> 
      </Setter.Value> 
      </Setter> 
     </Style> 
</Gridview.Resources>