如何在Xamarin中实现类似Angular innerHTML的功能？

方案一：使用WebView渲染完整HTML（推荐） #

WebView可直接加载后端返回的HTML字符串，完美支持超链接、图片等富文本内容，是最接近Angular innerHTML的实现方式。

修改后的XAML代码 #

<StackLayout
    Grid.Column="1"
    Margin="5,0,0,0"
    VerticalOptions="CenterAndExpand">
    <Label
        FontSize="10"
        IsVisible="{Binding IsOptional}"
        LineHeight="1.6"
        Text="{resource:Translate OptionalLabelUpperCase}"
        TextColor="{StaticResource PlaceholderLightGrey}" />
    <!-- 替换原Label为WebView -->
    <WebView
        HeightRequest="60" <!-- 可根据内容动态调整高度 -->
        BackgroundColor="Transparent"
        HorizontalOptions="FillAndExpand"
        Navigating="WebView_Navigating">
        <WebView.Source>
            <HtmlWebViewSource Html="{Binding Question}" />
        </WebView.Source>
    </WebView>
</StackLayout>

附加优化处理 #

• 若需让超链接跳转到系统浏览器而非WebView内部，在后台代码添加事件拦截：

private void WebView_Navigating(object sender, WebNavigatingEventArgs e)
{
    if (e.Url.StartsWith("http"))
    {
        e.Cancel = true;
        Device.OpenUri(new Uri(e.Url));
    }
}

• 可通过监听WebView加载完成事件，动态计算内容高度并更新HeightRequest，避免内容截断或空白过多。

方案二：解析HTML生成FormattedText（适合简单场景） #

如果仅需处理超链接、粗体/斜体文本，不需要图片等复杂元素，可通过转换器将HTML转为FormattedString绑定到Label。

修改后的XAML代码 #

<StackLayout
    Grid.Column="1"
    Margin="5,0,0,0"
    VerticalOptions="CenterAndExpand">
    <Label
        FontSize="10"
        IsVisible="{Binding IsOptional}"
        LineHeight="1.6"
        Text="{resource:Translate OptionalLabelUpperCase}"
        TextColor="{StaticResource PlaceholderLightGrey}" />
    <Label
        FontSize="14"
        LineBreakMode="TailTruncation"
        MaxLines="2"
        TextColor="{StaticResource OIANavy1}">
        <Label.FormattedText>
            <Binding Path="Question" Converter="{StaticResource HtmlToFormattedTextConverter}" />
        </Label.FormattedText>
    </Label>
</StackLayout>

实现HTML转FormattedText转换器 #

using System;
using System.Globalization;
using Xamarin.Forms;
using Xamarin.Forms.Html;

public class HtmlToFormattedTextConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value is string html ? HtmlFormatter.FromHtml(html) : null;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

注意事项 #

• 该方案仅支持有限HTML标签（如<a>、<b>、<i>），不支持图片和复杂样式
• 若后端返回HTML包含不支持标签，建议提前清理，避免显示异常或崩溃

内容的提问来源于stack exchange，提问作者Yajush Pratap Singh