Mac/iOS平台下缩放后Editor或Entry控件文本模糊问题

问题背景 #

在.NET MAUI应用中使用Entry控件时，手动缩放控件后出现文本模糊的情况。已尝试设置FontAutoScalingEnabled属性，以及通过Handler代码platformView.ContentScaleFactor = (System.Runtime.InteropServices.NFloat)zoomFactor;，但均未解决问题。

针对性解决方案 #

由于MAUI的跨平台特性，需针对iOS和Android分别调整控件的渲染逻辑：

iOS平台处理

在Entry的Handler映射中，同时设置图层放大滤镜和ContentScaleFactor，提升缩放后的文本清晰度：

#if IOS
using UIKit;
using CoreAnimation;
#endif

Microsoft.Maui.Handlers.EntryHandler.Mapper.AppendToMapping("FixScaledBlur", (handler, view) =>
{
#if IOS
    var textField = handler.PlatformView as UITextField;
    if (textField != null)
    {
        // 设置图层放大滤镜为线性模式，避免模糊
        textField.Layer.MagnificationFilter = CALayerMagnificationFilter.Linear;
        // 匹配屏幕缩放因子与自定义缩放比例
        float zoomFactor = 2f; // 替换为你的实际缩放值
        textField.ContentScaleFactor = UIScreen.MainScreen.Scale * zoomFactor;
    }
#endif
});

Android平台处理

针对Android的EditText控件，调整图层渲染类型并启用抗锯齿，优化文本缩放效果：

#if ANDROID
using Android.Graphics;
using Android.Widget;
#endif

Microsoft.Maui.Handlers.EntryHandler.Mapper.AppendToMapping("FixScaledBlur", (handler, view) =>
{
#if ANDROID
    var editText = handler.PlatformView as EditText;
    if (editText != null)
    {
        float zoomFactor = 2f; // 替换为你的实际缩放值
        // 启用硬件加速提升渲染质量
        editText.SetLayerType(Android.Views.LayerType.Hardware, null);
        // 启用抗锯齿优化文本边缘
        editText.Paint.AntiAlias = true;
        // 按比例调整文本尺寸（替代控件缩放）
        editText.TextSize = editText.TextSize * zoomFactor;
    }
#endif
});

通用替代方案（推荐）

避免直接缩放控件，改为按比例调整Entry的字体大小和控件尺寸，从根源避免模糊问题：

float zoomFactor = 2f;
// 调整字体大小
myEntry.FontSize = originalFontSize * zoomFactor;
// 按比例调整控件尺寸
myEntry.WidthRequest = originalWidth * zoomFactor;
myEntry.HeightRequest = originalHeight * zoomFactor;

说明 #

• FontAutoScalingEnabled仅适配系统级字体缩放，不适用于手动控件缩放场景。
• 单独设置ContentScaleFactor无法解决iOS图层渲染的模糊问题，需配合滤镜调整；Android则需结合图层类型与文本渲染参数优化。

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