.NET MAUI中如何修改Picker项的字体大小（Android和iOS）

由于Picker的选项弹窗属于平台原生控件，MAUI没有提供直接的跨平台API修改选项字体，需要通过自定义平台Handler分别处理Android和iOS平台：

Android平台实现 #

步骤1：创建自定义Picker Handler #

在Platforms/Android目录下新建CustomPickerHandler.cs：

using Android.App;
using Android.Widget;
using Microsoft.Maui.Controls.Handlers.Compatibility;
using Microsoft.Maui.Platform;

namespace YourAppNamespace.Platforms.Android;

public class CustomPickerHandler : PickerHandler
{
    protected override void ConnectHandler(AppCompatEditText platformView)
    {
        base.ConnectHandler(platformView);
        platformView.Click += PlatformView_Click;
    }

    protected override void DisconnectHandler(AppCompatEditText platformView)
    {
        platformView.Click -= PlatformView_Click;
        base.DisconnectHandler(platformView);
    }

    private void PlatformView_Click(object sender, EventArgs e)
    {
        if (VirtualView is not Picker picker || Context is not Activity activity)
            return;

        var items = picker.Items.ToArray();
        var builder = new AlertDialog.Builder(activity);
        builder.SetTitle(picker.Title);

        // 自定义Adapter修改选项字体大小（单位：sp）
        var adapter = new ArrayAdapter<string>(activity, Android.Resource.Layout.SimpleListItem1, items)
        {
            ViewBinder = (view, data, text) =>
            {
                if (view is TextView textView)
                {
                    textView.Text = data.ToString();
                    textView.TextSize = 18; // 按需调整字体大小
                    return true;
                }
                return false;
            }
        };

        builder.SetAdapter(adapter, (dialog, which) =>
        {
            picker.SelectedIndex = which;
            dialog.Dismiss();
        });

        builder.SetNegativeButton("取消", (dialog, which) => dialog.Dismiss());
        builder.Show();

        // 阻止默认弹窗触发
        ((IElementHandler)this).PlatformView.PerformClick();
    }
}

步骤2：注册Handler #

在MauiProgram.cs中添加Handler注册：

builder.ConfigureMauiHandlers(handlers =>
{
#if ANDROID
    handlers.AddHandler<Picker, YourAppNamespace.Platforms.Android.CustomPickerHandler>();
#endif
});

iOS平台实现 #

步骤1：创建自定义Picker Handler #

在Platforms/iOS目录下新建CustomPickerHandler.cs：

using UIKit;
using Microsoft.Maui.Controls.Handlers.Compatibility;
using Microsoft.Maui.Platform;

namespace YourAppNamespace.Platforms.iOS;

public class CustomPickerHandler : PickerHandler
{
    protected override void ConnectHandler(UITextField platformView)
    {
        base.ConnectHandler(platformView);
        platformView.EditingDidBegin += PlatformView_EditingDidBegin;
    }

    protected override void DisconnectHandler(UITextField platformView)
    {
        platformView.EditingDidBegin -= PlatformView_EditingDidBegin;
        base.DisconnectHandler(platformView);
    }

    private void PlatformView_EditingDidBegin(object sender, EventArgs e)
    {
        if (VirtualView is not Picker picker || ViewController is not UIViewController viewController)
            return;

        // 阻止默认编辑流程，替换为自定义弹窗
        ((UITextField)sender).ResignFirstResponder();

        var alertController = UIAlertController.Create(picker.Title, null, UIAlertControllerStyle.ActionSheet);
        var pickerView = new UIPickerView();
        
        // 设置数据源和自定义Delegate（控制字体大小）
        pickerView.DataSource = new PickerDataSource(picker.Items);
        pickerView.Delegate = new PickerDelegate(picker.Items, 18); // 字体大小单位：pt
        pickerView.Select(picker.SelectedIndex, 0, true);

        // 布局PickerView
        pickerView.TranslatesAutoresizingMaskIntoConstraints = false;
        NSLayoutConstraint.ActivateConstraints(new[]
        {
            pickerView.TopAnchor.ConstraintEqualTo(alertController.View.TopAnchor, 80),
            pickerView.LeadingAnchor.ConstraintEqualTo(alertController.View.LeadingAnchor),
            pickerView.TrailingAnchor.ConstraintEqualTo(alertController.View.TrailingAnchor),
            pickerView.HeightAnchor.ConstraintEqualTo(200)
        });

        alertController.View.AddSubview(pickerView);

        // 添加操作按钮
        alertController.AddAction(UIAlertAction.Create("确定", UIAlertActionStyle.Default, action =>
        {
            picker.SelectedIndex = pickerView.SelectedRowInComponent(0);
        }));
        alertController.AddAction(UIAlertAction.Create("取消", UIAlertActionStyle.Cancel, null));

        // 适配iPad弹窗位置
        if (UIDevice.CurrentDevice.UserInterfaceIdiom == UIUserInterfaceIdiom.Pad)
        {
            alertController.PopoverPresentationController.SourceView = platformView;
            alertController.PopoverPresentationController.SourceRect = platformView.Bounds;
        }

        viewController.PresentViewController(alertController, true, null);
    }

    // 自定义Picker数据源
    private class PickerDataSource : UIPickerViewDataSource
    {
        private readonly IList<string> _items;
        public PickerDataSource(IList<string> items) => _items = items;

        public override nint GetComponentCount(UIPickerView pickerView) => 1;
        public override nint GetRowsInComponent(UIPickerView pickerView, nint component) => _items.Count;
    }

    // 自定义Picker代理，设置字体大小
    private class PickerDelegate : UIPickerViewDelegate
    {
        private readonly IList<string> _items;
        private readonly nfloat _fontSize;

        public PickerDelegate(IList<string> items, nfloat fontSize)
        {
            _items = items;
            _fontSize = fontSize;
        }

        public override string GetTitle(UIPickerView pickerView, nint row, nint component)
        {
            return _items[(int)row];
        }

        public override UIView GetView(UIPickerView pickerView, nint row, nint component, UIView view)
        {
            var label = view as UILabel ?? new UILabel
            {
                TextAlignment = UITextAlignment.Center,
                Font = UIFont.SystemFontOfSize(_fontSize)
            };
            label.Text = _items[(int)row];
            return label;
        }

        // 可选：调整行高适配字体
        public override nfloat GetRowHeight(UIPickerView pickerView, nint component)
        {
            return 40;
        }
    }
}

步骤2：注册Handler #

在MauiProgram.cs中添加iOS Handler注册：

builder.ConfigureMauiHandlers(handlers =>
{
#if IOS
    handlers.AddHandler<Picker, YourAppNamespace.Platforms.iOS.CustomPickerHandler>();
#endif
});

注意事项 #

• 替换代码中的YourAppNamespace为你的应用实际命名空间。
• 字体大小单位：Android使用sp，iOS使用pt，可根据需求调整数值。
• 如果需要修改选项的其他样式（如颜色、字体样式），可在对应的TextView（Android）或UILabel（iOS）中添加相关属性设置。

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