如何创建XAML字符串转换器将字符串转为Grid行列定义？

嘿，我来帮你搞定这个自定义MegaGrid的需求！要实现通过简单字符串属性快速定义Grid的行列结构，我们需要完成三个核心部分：字符串转行列定义的转换器、带自定义依赖属性的MegaGrid控件，以及最终的XAML调用。下面一步步拆解：

我们需要两个逻辑几乎一致的转换器（仅目标类型不同），负责把类似"*,2*,50,Auto"这样的字符串解析成Grid的行列定义集合。

字符串转RowDefinitions转换器 #

using System;
using System.Globalization;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;

public class StringToRowDefinitionsConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is not string rowString || string.IsNullOrWhiteSpace(rowString))
            return new RowDefinitionCollection();

        var rows = new RowDefinitionCollection();
        var rowDefinitions = rowString.Split(',', StringSplitOptions.RemoveEmptyEntries);

        foreach (var def in rowDefinitions)
        {
            var row = new RowDefinition();
            var trimmedDef = def.Trim();

            // 处理星号比例布局
            if (trimmedDef.EndsWith("*"))
            {
                var starValue = trimmedDef.Replace("*", "");
                if (double.TryParse(starValue, out var weight) && weight > 0)
                    row.Height = new GridLength(weight, GridUnitType.Star);
                else
                    row.Height = new GridLength(1, GridUnitType.Star); // 默认1*比例
            }
            // 处理固定像素值
            else if (double.TryParse(trimmedDef, out var pixelValue))
            {
                row.Height = new GridLength(pixelValue, GridUnitType.Pixel);
            }
            // 处理Auto自动适配内容
            else if (trimmedDef.Equals("Auto", StringComparison.OrdinalIgnoreCase))
            {
                row.Height = GridLength.Auto;
            }
            // 非法格式默认设为Auto
            else
            {
                row.Height = GridLength.Auto;
            }

            rows.Add(row);
        }

        return rows;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // 一般不需要反向转换，直接返回null即可
        return null;
    }
}

字符串转ColumnDefinitions转换器 #

和上面的代码逻辑完全一致，只需把RowDefinition替换为ColumnDefinition，RowDefinitionCollection替换为ColumnDefinitionCollection，Height替换为Width即可，这里就不重复贴代码了。

接下来我们封装一个继承自Grid的MegaGrid，添加MegaRow和MegaCol两个依赖属性——只有依赖属性才能在XAML中正常绑定和触发属性变更回调，当这两个属性值变化时，自动调用转换器更新行列定义。

using System.Globalization;
using System.Windows;
using System.Windows.Controls;

public class MegaGrid : Grid
{
    // MegaRow依赖属性注册
    public static readonly DependencyProperty MegaRowProperty =
        DependencyProperty.Register(
            nameof(MegaRow),
            typeof(string),
            typeof(MegaGrid),
            new PropertyMetadata(null, OnMegaRowChanged));

    // MegaCol依赖属性注册
    public static readonly DependencyProperty MegaColProperty =
        DependencyProperty.Register(
            nameof(MegaCol),
            typeof(string),
            typeof(MegaGrid),
            new PropertyMetadata(null, OnMegaColChanged));

    public string MegaRow
    {
        get => (string)GetValue(MegaRowProperty);
        set => SetValue(MegaRowProperty, value);
    }

    public string MegaCol
    {
        get => (string)GetValue(MegaColProperty);
        set => SetValue(MegaColProperty, value);
    }

    private static void OnMegaRowChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is MegaGrid grid)
        {
            var converter = new StringToRowDefinitionsConverter();
            grid.RowDefinitions = (RowDefinitionCollection)converter.Convert(e.NewValue, typeof(RowDefinitionCollection), null, CultureInfo.CurrentCulture);
        }
    }

    private static void OnMegaColChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is MegaGrid grid)
        {
            var converter = new StringToColumnDefinitionsConverter();
            grid.ColumnDefinitions = (ColumnDefinitionCollection)converter.Convert(e.NewValue, typeof(ColumnDefinitionCollection), null, CultureInfo.CurrentCulture);
        }
    }
}

现在你就可以像期望的那样，用简洁的字符串来定义行列了。记得先在XAML中引入自定义控件的命名空间（假设你的控件在YourNamespace.Controls下）：

<Window x:Class="YourApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourNamespace.Controls"
        Title="MegaGrid Demo" Height="450" Width="800">
    <Grid>
        <!-- 一行搞定行列定义，无需繁琐的RowDefinitions/ColumnDefinitions -->
        <local:MegaGrid MegaRow="Auto,2*,100" MegaCol="150,*,3*">
            <!-- 子控件依然用原生的Grid.Row/Grid.Column定位 -->
            <Button Grid.Row="0" Grid.Column="0" Content="Auto行 + 150px列"/>
            <Button Grid.Row="1" Grid.Column="1" Content="2*比例行 + *比例列"/>
            <Button Grid.Row="2" Grid.Column="2" Content="100px行 + 3*比例列"/>
        </local:MegaGrid>
    </Grid>
</Window>

• 格式支持：目前转换器支持三种常用布局格式：*（比例分配空间）、纯数字（固定像素）、Auto（自动适配内容宽度/高度），多个定义用逗号分隔。
• 错误处理：如果输入的字符串格式非法（比如abc），转换器会默认将该行/列设为Auto，你也可以根据需求修改错误处理逻辑（比如抛出提示）。
• 性能优化：如果需要频繁更新MegaRow/MegaCol属性，可以考虑把转换器实例缓存起来，避免每次属性变更都创建新的转换器对象。

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