如何将MAUI-C#控件转换为XAML字符串？

已知可以通过以下代码从XAML字符串加载MAUI控件：

string navigationButtonXAML = "<Button Text=\"Navigate\" />";
Button navigationButton = new Button().LoadFromXaml(navigationButtonXAML);

针对你提出的「将自定义MAUI C#控件转换为XAML字符串」需求，是可以实现的，但MAUI框架并没有内置类似WriteToXAML的原生方法，需要手动实现控件到XAML的序列化逻辑。

实现思路 #

• 反射遍历控件属性：通过反射获取自定义控件的公共属性，筛选出能映射为XAML属性的字段（比如依赖属性、具备完整get/set方法的普通属性），同时排除框架内部的非可视化属性。
• 构建XAML结构：从根控件标签开始，将筛选后的属性键值对格式化为XAML属性格式；如果控件包含子元素，需要递归处理子控件的序列化。
• 封装为扩展方法：将序列化逻辑封装为控件的扩展方法，实现类似new MyControl().WriteToXAML()的调用体验。

示例实现代码 #

以下是一个基础的扩展方法实现，可根据自定义控件的特性进一步优化：

using System.Reflection;
using System.Text;
using Microsoft.Maui.Controls;

public static class ControlXamlExtensions
{
    public static string WriteToXAML(this VisualElement control)
    {
        StringBuilder xamlBuilder = new StringBuilder();
        Type controlType = control.GetType();
        
        // 构建根元素标签
        xamlBuilder.Append($"<{controlType.Name}");

        // 遍历并序列化属性
        foreach (PropertyInfo prop in controlType.GetProperties(BindingFlags.Public | BindingFlags.Instance))
        {
            // 跳过非可序列化的属性（可根据需求调整筛选规则）
            if (prop.Name == "Parent" || prop.Name == "Handler" || !prop.CanRead || !prop.CanWrite)
                continue;
            
            object value = prop.GetValue(control);
            if (value == null)
                continue;
            
            // 将属性转换为XAML属性格式
            xamlBuilder.Append($" {prop.Name}=\"{EscapeXml(value.ToString())}\"");
        }

        // 处理子元素（如果是布局控件）
        if (control is Layout layout)
        {
            xamlBuilder.Append(">");
            foreach (var child in layout.Children)
            {
                xamlBuilder.Append(child.WriteToXAML());
            }
            xamlBuilder.Append($"</{controlType.Name}>");
        }
        else
        {
            xamlBuilder.Append(" />");
        }

        return xamlBuilder.ToString();
    }

    // 转义XML特殊字符
    private static string EscapeXml(string input)
    {
        return input.Replace("&", "&amp;")
                    .Replace("<", "&lt;")
                    .Replace(">", "&gt;")
                    .Replace("\"", "&quot;")
                    .Replace("'", "&apos;");
    }
}

调用示例 #

// 自定义控件示例
public class MyControl : ContentView
{
    public static readonly BindableProperty TitleProperty =
        BindableProperty.Create(nameof(Title), typeof(string), typeof(MyControl), defaultValue: "My Custom Control");

    public string Title
    {
        get => (string)GetValue(TitleProperty);
        set => SetValue(TitleProperty, value);
    }
}

// 生成XAML字符串
string myControlXaml = new MyControl { Title = "Test" }.WriteToXAML();
// 输出结果：<MyControl Title="Test" />

注意：这个基础实现只覆盖了简单的属性和布局子元素，对于包含数据绑定、样式、触发器等复杂特性的控件，需要额外扩展序列化逻辑来处理这些场景。

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