求助：Maui中TextType设为HTML的Label无法设置LineHeight

问题背景 #

使用SangBleuSunrise-Regular字体时，换行后文字过于紧凑，给Label全局设置LineHeight=1.3在普通文本模式下有效，但设置TextType="Html"后该属性失效，同时内联HTML样式（如line-height、color）也无法生效，仅<strong>的加粗效果正常。

原因分析 #

Android平台上，MAUI的Label渲染HTML文本时，底层依赖Android系统的HtmlCompat.fromHtml()方法，该方法仅支持有限的HTML标签和CSS样式，像line-height、内联color这类样式不在默认支持范围内，全局的LineHeight属性也会因为HTML渲染机制被忽略。

可行解决方案（无需更换字体） #

方案1：自定义Android平台的Label Handler（MAUI）

通过自定义Handler干预HTML文本的渲染过程，手动设置行高并扩展样式支持：

1. 在Android项目中创建自定义Handler类：

using Android.Text;
using Android.Widget;
using Microsoft.Maui.Handlers;

namespace YourAppNamespace.Platforms.Android;

public class CustomLabelHandler : LabelHandler
{
    protected override void ConnectHandler(TextView platformView)
    {
        base.ConnectHandler(platformView);
        UpdateHtmlRenderSettings(platformView);
    }

    private void UpdateHtmlRenderSettings(TextView platformView)
    {
        if (VirtualView is Label label && label.TextType == TextType.Html)
        {
            // 设置行高倍数，可按需调整
            platformView.LineSpacingMultiplier = 1.3f;
            
            // 重新渲染HTML文本，确保基础样式生效
            if (!string.IsNullOrEmpty(label.Text))
            {
                var spannedText = HtmlCompat.FromHtml(label.Text, HtmlCompat.FromHtmlModeLegacy);
                platformView.TextFormatted = spannedText;
            }
        }
    }

    public static void MapHtmlText(LabelHandler handler, Label label)
    {
        if (handler.PlatformView is TextView textView)
        {
            ((CustomLabelHandler)handler).UpdateHtmlRenderSettings(textView);
        }
    }
}

2. 在MAUI项目的MauiProgram.cs中注册自定义Handler：

builder.ConfigureMauiHandlers(handlers =>
{
#if ANDROID
    handlers.AddHandler(typeof(Label), typeof(YourAppNamespace.Platforms.Android.CustomLabelHandler));
#endif
});

该方案直接调用Android原生API设置行高，不受HTML渲染限制，还可扩展自定义TagHandler来支持更多样式（如文本颜色）。

方案2：使用WebView替代Label渲染HTML

如果HTML文本样式复杂，WebView能完整支持CSS规则，适合需求较多的场景：

1. 在XAML中替换Label为WebView：

<WebView Source="{Binding HtmlContent}" HeightRequest="Auto" />

2. 在ViewModel中包装HTML字符串为HtmlWebViewSource：

public HtmlWebViewSource HtmlContent { get; set; }

// 初始化赋值
vm.HtmlContent = new HtmlWebViewSource
{
    Html = @"<html>
                <body style='line-height:1.3; font-family:SangBleuSunrise-Regular; margin:0; padding:0;'>
                    This is <span style='color:red;'><strong>html</strong></span> text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec faucibus sem.
                </body>
              </html>"
};

需在HTML的<body>或<p>标签中明确指定字体和行高，确保样式生效。

方案3：使用Android兼容的HTML标签属性

Android的HtmlCompat支持部分原生属性，可替换不兼容的内联样式：

vm.Notes = @"<p style='line-height:1.3em;'>This is <font color='red'><strong>html</strong></font> text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec faucibus sem.</p>";

该方案无需自定义代码，但兼容性依赖Android版本，行高支持可能不稳定。

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