如何在.NET MAUI Android中通过Handler自定义Picker/DatePicker圆角对话框

核心问题分析 #

你之前的代码存在两个关键错误：

1. 错误使用了ContentViewHandler，Picker和DatePicker有专属的PickerHandler/DatePickerHandler，ContentViewHandler与弹窗样式无关；
2. 直接修改handler.PlatformView的背景是改变控件本身（输入框/Spinner）的样式，而非弹出的对话框，所以无效。

要实现对话框圆角，需要拦截Picker/DatePicker的点击事件，自定义弹出的AlertDialog/DatePickerDialog并设置其背景样式。

实现步骤 #

1. 创建Android圆角背景Drawable #

在Android项目的Resources/drawable文件夹下新建rounded_dialog_bg.xml文件，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 对话框背景色，可根据应用风格修改 -->
    <solid android:color="@android:color/white" />
    <!-- 圆角半径，单位dp，按需调整 -->
    <corners android:radius="16dp" />
</shape>

2. 自定义Picker的弹出对话框 #

在MAUI项目的MauiProgram.cs（或全局Handler配置类）中添加以下代码：

Microsoft.Maui.Handlers.PickerHandler.Mapper.AppendToMapping("RoundedPickerDialog", (handler, view) =>
{
#if ANDROID
    var androidPicker = handler.PlatformView;
    // 移除默认点击事件，避免重复触发弹窗
    androidPicker.Click -= Picker_Click;
    androidPicker.Click += Picker_Click;

    void Picker_Click(object sender, EventArgs e)
    {
        var context = Android.App.Application.Context;
        // 转换为Android所需的字符串数组
        var pickerItems = view.Items.Select(item => item.ToString()).ToArray();
        
        var dialogBuilder = new AlertDialog.Builder(context);
        dialogBuilder.SetItems(pickerItems, (dialog, selectedIndex) =>
        {
            view.SelectedIndex = selectedIndex;
            dialog.Dismiss();
        });

        var customDialog = dialogBuilder.Create();
        // 设置对话框圆角背景
        customDialog.Window?.SetBackgroundDrawableResource(Resource.Drawable.rounded_dialog_bg);
        // 可选：设置对话框宽度为屏幕的80%，适配不同设备
        var windowManager = context.GetSystemService(Context.WindowService) as Android.Views.IWindowManager;
        var displayMetrics = new Android.Util.DisplayMetrics();
        windowManager.DefaultDisplay.GetMetrics(displayMetrics);
        var dialogWidth = (int)(displayMetrics.WidthPixels * 0.8);
        customDialog.Window?.SetLayout(dialogWidth, Android.Views.ViewGroup.LayoutParams.WrapContent);
        
        customDialog.Show();
    }
#endif
});

3. 自定义DatePicker的弹出对话框 #

同样在全局Handler配置中添加DatePicker的自定义代码：

Microsoft.Maui.Handlers.DatePickerHandler.Mapper.AppendToMapping("RoundedDatePickerDialog", (handler, view) =>
{
#if ANDROID
    var androidDatePicker = handler.PlatformView;
    androidDatePicker.Click -= DatePicker_Click;
    androidDatePicker.Click += DatePicker_Click;

    void DatePicker_Click(object sender, EventArgs e)
    {
        var context = Android.App.Application.Context;
        var currentDate = view.Date;
        
        var dateDialog = new DatePickerDialog(
            context,
            (dialog, year, month, day) =>
            {
                // Android月份从0开始，需+1转换为.NET DateTime格式
                view.Date = new DateTime(year, month + 1, day);
                dialog.Dismiss();
            },
            currentDate.Year,
            currentDate.Month - 1,
            currentDate.Day);

        dateDialog.Window?.SetBackgroundDrawableResource(Resource.Drawable.rounded_dialog_bg);
        // 设置对话框宽度
        var windowManager = context.GetSystemService(Context.WindowService) as Android.Views.IWindowManager;
        var displayMetrics = new Android.Util.DisplayMetrics();
        windowManager.DefaultDisplay.GetMetrics(displayMetrics);
        var dialogWidth = (int)(displayMetrics.WidthPixels * 0.8);
        dateDialog.Window?.SetLayout(dialogWidth, Android.Views.ViewGroup.LayoutParams.WrapContent);
        
        dateDialog.Show();
    }
#endif
});

额外说明 #

• 若要调整对话框背景色、圆角大小，直接修改rounded_dialog_bg.xml中的属性即可；
• 如需添加阴影或边框，可在drawable文件中补充stroke或elevation相关配置；
• 代码中移除默认点击事件是为了避免同时触发原生弹窗和自定义弹窗，确保只有圆角弹窗生效。

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