如何在UWP中的StackPanel中使用ContextFlyout？

Question

在GridView中，当用户右键单击某个项目时，我试图显示一个上下文菜单。

我试过了：

 <GridView.ItemTemplate>
    <DataTemplate>
       <StackPanel Orientation="Vertical" Width="120" Background="LightBlue">
       <StackPanel.ContextFlyout>
             <MenuFlyout>
                  <MenuFlyoutItem Text="Change color" Click="ChangeColorItem_Click" />
             </MenuFlyout>
...

但是StackPanel.ContextFlyout会引发错误。 我缺少什么？

UPDATE

错误是： The attachable property 'ContextFlyout' was not found in type 'StackPanel'

ContextFlyout是UIElement的属性，而StackPanel是从UIElement派生的。

Answer 1

尝试这个：

   <DataTemplate>
      <StackPanel Orientation="Vertical" Width="120" Background="LightBlue">
         <FlyoutBase.AttachedFlyout>
            <MenuFlyout>
                <MenuFlyoutItem Text="Change color" Click="ChangeColorItem_Click" />
            </MenuFlyout>
         </FlyoutBase.AttachedFlyout>
      </StackPanel>
   </DataTemplate>

您需要手动管理MenuFlyout，并附带一些代码。

Answer 2

ContextFlyout是UIElement的属性，而StackPanel是从UIElement派生的。

是的，您是对的，但是请注意，自引入的版本3.0（版本10.0.14393.0）以来，此ContextFlyout属性可用。 您需要检查API合约版本和设备系列版本。

对于@Igor Damiani建议的API合约版本1.0 / 2.0，可以使用FlyoutBase.AttachedFlyout ，并且可以在StackPanel的RightTapped事件中获取DataContext ：

private void StackPanel_RightTapped(object sender, RightTappedRoutedEventArgs e)
{
    FlyoutBase.ShowAttachedFlyout(sender as StackPanel);
    var datacontext = ((FrameworkElement)e.OriginalSource).DataContext;
}

但是我注意到您的MenuFlyoutItem可以更改颜色，实际上需要访问StackPanel内的UIElement或此StackPanel本身。 如果是这样，最好将颜色绑定到由INotifyPropertyChanged接口实现的属性。