Xamarin Forms中能否修改iOS原生日期控件的字体大小？

此前通过XAML或自定义渲染器的修改仅作用于日期选择器绑定的输入文本框，未触及弹出层的原生UIDatePicker实例，因此修改不会生效。

通过自定义渲染器监听输入框聚焦事件，获取弹出的原生UIDatePicker实例后修改字号即可，实现代码如下：

1. 共享层自定义控件 #

// 共享项目中创建自定义DatePicker
public class CustomDatePicker : DatePicker
{
    public static readonly BindableProperty PickerFontSizeProperty = 
        BindableProperty.Create(nameof(PickerFontSize), typeof(float), typeof(CustomDatePicker), 16f);

    public float PickerFontSize
    {
        get => (float)GetValue(PickerFontSizeProperty);
        set => SetValue(PickerFontSizeProperty, value);
    }
}

2. iOS端自定义渲染器 #

// iOS项目中添加渲染器实现
[assembly: ExportRenderer(typeof(CustomDatePicker), typeof(CustomDatePickerRenderer))]
namespace YourAppNamespace.iOS.Renderers
{
    public class CustomDatePickerRenderer : DatePickerRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<DatePicker> e)
        {
            base.OnElementChanged(e);
            if (e.NewElement is not CustomDatePicker customPicker || Control == null) return;
            
            // 监听输入框聚焦事件，此时原生日期选择器已完成初始化
            Control.EditingDidBegin += (sender, args) =>
            {
                UIDatePicker datePicker = null;
                // 适配不同iOS版本的Picker挂载方式
                if (UIDevice.CurrentDevice.CheckSystemVersion(13, 4))
                {
                    datePicker = Control.InputViewController as UIDatePicker;
                }
                else
                {
                    datePicker = Control.InputView as UIDatePicker;
                }

                if (datePicker == null) return;
                
                // 配置文本属性
                var textAttr = new UIStringAttributes
                {
                    Font = UIFont.SystemFontOfSize(customPicker.PickerFontSize, UIFontWeight.Regular)
                };
                datePicker.SetTitleTextAttributes(textAttr, UIControlState.Normal);

                // 滚轮样式Picker额外配置
                if (datePicker.PreferredDatePickerStyle == UIDatePickerStyle.Wheels)
                {
                    foreach (var subview in datePicker.Subviews)
                    {
                        if (subview is UIPickerView pickerView)
                        {
                            pickerView.Font = UIFont.SystemFontOfSize(customPicker.PickerFontSize);
                        }
                    }
                }
            };
        }
    }
}

3. XAML调用 #

<!-- 页面中直接使用，可自定义PickerFontSize参数调整字号 -->
<local:CustomDatePicker PickerFontSize="20" Date="{Binding SelectDate}" />

注意事项 #

• 若使用iOS14+的Compact/Inline样式的日期选择器，修改字号后可同步调整UIDatePicker的Frame属性，避免大字号文本被裁剪
• 该修改仅作用于iOS端，Android端可单独对应实现渲染器逻辑

如果不想自行维护渲染器逻辑，可使用以下经过社区验证的免费日期控件：

• Xamarin Community Toolkit DatePicker：微软官方维护的社区工具包控件，内置多端样式统一配置能力，支持直接设置弹出选择器字号，无需额外自定义逻辑
• XF.Material MaterialDatePicker：遵循Material Design规范的开源控件，字号、颜色、样式等可定制程度高，双平台适配成熟
• AiForms.DatePicker：轻量级原生封装控件，对iOS、Android端原生日期选择器的所有属性都做了绑定封装，可直接通过绑定属性设置选择器字号

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