.NET MAUI：如何用C# Markup或Community Toolkit Markup条件添加控件上下文菜单

在.NET 7中，我可以通过以下XAML代码为Entry控件添加上下文菜单：

Entry
    x:Name="MyEntry"
    BackgroundColor="AliceBlue"
    Keyboard="{Binding KeyboardValue, Source={x:Reference Me}}"
    TextColor="{Binding TextColor, Source={x:Reference Me}}"
    VerticalTextAlignment="Center" 
    HorizontalOptions ="Fill"
    HorizontalTextAlignment="{Binding HorizontalTextAlignmentOption, Source={x:Reference Me}}"
    IsEnabled="{Binding IsEnable, Source={x:Reference Me}}"
    IsReadOnly="{Binding IsReadOnly, Source={x:Reference Me}}"
    Text="{Binding TextValue, Source={x:Reference Me}}"
    Placeholder="{Binding Placeholder, Source={x:Reference Me}}"
    ToolTipProperties.Text="{Binding TooltipValue, Source={x:Reference Me}}"
>
    <FlyoutBase.ContextFlyout>
        <MenuFlyout x:Name="MyContextMenus">
            <MenuFlyoutItem Text="Menu1"/>
            <MenuFlyoutItem Text="Menu2"/>
        </MenuFlyout>
    </FlyoutBase.ContextFlyout>
</Entry>

现在需要改用C# Markup实现根据特定条件显示控件的上下文菜单，而非XAML方式，该如何操作？

用C# Markup实现条件化上下文菜单，核心是通过代码创建MenuFlyout实例，根据条件决定是否将其赋值给Entry的FlyoutBase.ContextFlyout附加属性，同时可以复用XAML中绑定的逻辑。

基础实现示例 #

假设我们根据IsReadOnly属性决定是否显示上下文菜单（仅当Entry只读时显示），代码如下：

// 创建Entry控件并绑定原有属性
var myEntry = new Entry
{
    Name = "MyEntry",
    BackgroundColor = Colors.AliceBlue,
    VerticalTextAlignment = TextAlignment.Center,
    HorizontalOptions = LayoutOptions.Fill
}
.Bind(Entry.KeyboardProperty, nameof(KeyboardValue), source: this)
.Bind(Entry.TextColorProperty, nameof(TextColor), source: this)
.Bind(Entry.HorizontalTextAlignmentProperty, nameof(HorizontalTextAlignmentOption), source: this)
.Bind(Entry.IsEnabledProperty, nameof(IsEnable), source: this)
.Bind(Entry.IsReadOnlyProperty, nameof(IsReadOnly), source: this)
.Bind(Entry.TextProperty, nameof(TextValue), source: this)
.Bind(Entry.PlaceholderProperty, nameof(Placeholder), source: this)
.Bind(ToolTipProperties.TextProperty, nameof(TooltipValue), source: this);

// 根据条件创建并设置上下文菜单
if (IsReadOnly) // 这里替换成你的特定条件
{
    var contextMenu = new MenuFlyout { Name = "MyContextMenus" };
    contextMenu.Items.Add(new MenuFlyoutItem { Text = "Menu1" });
    contextMenu.Items.Add(new MenuFlyoutItem { Text = "Menu2" });

    // 给Entry绑定上下文菜单
    FlyoutBase.SetContextFlyout(myEntry, contextMenu);
}

// 将Entry添加到布局容器（示例为Grid）
this.Content = new Grid().Add(myEntry);

动态更新菜单（条件变化时自动切换） #

如果条件是动态变化的（比如IsReadOnly可能在运行时改变），可以通过属性变更事件或响应式监听来实时更新菜单：

// 监听IsReadOnly属性变化，动态切换上下文菜单
this.WhenAnyValue(vm => vm.IsReadOnly)
    .Subscribe(isReadOnly =>
    {
        if (isReadOnly)
        {
            var contextMenu = new MenuFlyout();
            contextMenu.Items.Add(new MenuFlyoutItem { Text = "Menu1" });
            contextMenu.Items.Add(new MenuFlyoutItem { Text = "Menu2" });
            FlyoutBase.SetContextFlyout(myEntry, contextMenu);
        }
        else
        {
            // 移除上下文菜单
            FlyoutBase.SetContextFlyout(myEntry, null);
        }
    });

关键点说明 #

• 使用FlyoutBase.SetContextFlyout静态方法，对应XAML中的FlyoutBase.ContextFlyout附加属性，完成菜单的绑定。
• 条件判断逻辑可根据实际需求调整（比如用户权限、控件状态、业务规则等）。
• 动态场景下，可借助ReactiveUI的WhenAnyValue或实现INotifyPropertyChanged接口监听属性变化，实现菜单的实时更新。

内容的提问来源于stack exchange，提问作者Le Anh Xuan