如何在.NET MAUI中用BottomSheetDialog实现非模态底部弹窗？

你的现有代码创建的是模态BottomSheetDialog，要实现非模态效果，核心是调整窗口标志位和对话框的焦点/触摸穿透设置，而非仅修改Behavior属性。以下是修改后的代码及关键说明：

修改后的完整代码 #

public static BottomSheetDialog ShowBottomSheet(this Page page, IView bottomSheetContent)
{
    var context = Platform.CurrentActivity?.Window?.DecorView.FindViewById(Android.Resource.Id.Content)?.Context 
                  ?? throw new InvalidOperationException("Context is null");
    var bottomSheetDialog = new BottomSheetDialog(context);

    // 将MAUI视图转换为Android原生视图并设置为内容
    var mauiContext = page.Handler?.MauiContext ?? throw new Exception("MauiContext is null");
    bottomSheetDialog.SetContentView(bottomSheetContent.ToPlatform(mauiContext));

    // 关键：设置窗口标志实现非模态
    var window = bottomSheetDialog.Window;
    if (window != null)
    {
        // 允许触摸事件穿透到底层UI
        window.AddFlags(WindowManagerFlags.NotTouchModal);
        // 让对话框不获取焦点，底层控件可正常交互
        window.AddFlags(WindowManagerFlags.NotFocusable);
        // 清除背景变暗标志，符合非模态视觉逻辑
        window.ClearFlags(WindowManagerFlags.DimBehind);
        window.AddFlags(WindowManagerFlags.SplitTouch);
    }

    // 保留原有的Behavior设置（可按需调整）
    bottomSheetDialog.Behavior.FitToContents = true;
    bottomSheetDialog.Behavior.Draggable = true;
    bottomSheetDialog.Behavior.SkipCollapsed = true;

    // 非模态场景下可按需设置是否允许点击外部关闭弹窗
    bottomSheetDialog.SetCanceledOnTouchOutside(false);
    // 关键：明确设置对话框为非模态模式
    bottomSheetDialog.SetModal(false);

    bottomSheetDialog.Show();
    return bottomSheetDialog;
}

关键修改说明 #

• 添加WindowManagerFlags.NotTouchModal：允许触摸事件穿过弹窗，底层UI可以正常接收触摸操作
• 添加WindowManagerFlags.NotFocusable：让弹窗不抢占焦点，确保底层输入控件（如按钮、输入框）能正常获取焦点并交互
• 调用SetModal(false)：这是Android Dialog实现非模态的核心API，明确取消模态阻塞逻辑
• 清除DimBehind标志：移除背景变暗效果，匹配非模态弹窗的视觉表现

注意：非模态弹窗需要自行管理生命周期（比如页面跳转时手动关闭），避免出现内存泄漏或异常。

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