MAUI中如何处理FlyoutBase.ContextFlyout菜单的打开事件？

针对你遇到的问题，核心痛点是共用全局上下文菜单导致的状态冲突，最优方案是让每个列表项拥有独立的上下文菜单，并通过右键点击事件直接关联当前项，完全不依赖选中状态。以下是具体实现思路：

1. 为每个列表项绑定独立的菜单集合 #

• 给你的列表项视图模型（如ItemViewModel）添加一个ObservableCollection<MenuItem>（或自定义菜单项模型）属性，比如ContextMenuItems，专门存储当前项对应的菜单项。
• 在视图模型内部，根据项的上下文状态（如是否可编辑、是否已完成等）动态维护这个集合：需要添加菜单项时直接Add，不需要时Remove或Clear后重新构建。

示例代码（以MAUI为例）：

public class ItemViewModel : ObservableObject
{
    private string _itemName;
    public string ItemName
    {
        get => _itemName;
        set => SetProperty(ref _itemName, value);
    }

    private bool _isEditable;
    public bool IsEditable
    {
        get => _isEditable;
        set
        {
            SetProperty(ref _isEditable, value);
            RefreshContextMenu();
        }
    }

    public ObservableCollection<MenuItem> ContextMenuItems { get; } = new();

    private void RefreshContextMenu()
    {
        ContextMenuItems.Clear();
        // 基础菜单项始终显示
        ContextMenuItems.Add(new MenuItem { Text = "查看详情", Command = new Command(ViewDetails) });
        
        // 根据上下文动态添加菜单项
        if (IsEditable)
        {
            ContextMenuItems.Add(new MenuItem { Text = "编辑", Command = new Command(EditItem) });
            ContextMenuItems.Add(new MenuItem { Text = "删除", Command = new Command(DeleteItem) });
        }
    }

    private void ViewDetails() { /* 实现逻辑 */ }
    private void EditItem() { /* 实现逻辑 */ }
    private void DeleteItem() { /* 实现逻辑 */ }
}

2. 绑定右键点击事件，手动打开当前项菜单 #

在CollectionView的ItemTemplate中，给根元素添加右键点击事件（WPF用PreviewMouseRightButtonDown，MAUI用RightTapped），在事件中直接打开当前项的上下文菜单，无需依赖CollectionView的选中状态。

XAML示例：

<CollectionView ItemsSource="{Binding ItemList}">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Grid Padding="8" RightTapped="ItemGrid_RightTapped">
                <Grid.ContextMenu>
                    <MenuFlyout ItemsSource="{Binding ContextMenuItems}" />
                </Grid.ContextMenu>
                <Label Text="{Binding ItemName}" FontSize="16" />
            </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

后台事件处理：

private void ItemGrid_RightTapped(object sender, EventArgs e)
{
    var grid = sender as Grid;
    var flyout = grid.ContextMenu as MenuFlyout;
    // 打开当前项的上下文菜单
    flyout?.ShowAt(grid);
    // 可选：取消CollectionView的选中状态，避免干扰
    // MyCollectionView.SelectedItem = null;
}

3. 替代方案：使用模板选择器切换菜单组合 #

如果菜单项组合是固定的几种模式，可以创建DataTemplateSelector，根据项的上下文返回不同的菜单模板，避免动态维护集合的繁琐：

• 定义多个菜单模板，对应不同场景
• 创建选择器类，根据项的状态属性匹配对应模板
• 在ItemTemplate中绑定该选择器作为菜单的模板

这种方式适合菜单组合较少、逻辑固定的场景，代码结构更清晰。

内容的提问来源于stack exchange，提问作者Nikolay Kusch