如何在WPF（NoesisGUI）中让带权重的动态项集合适配固定水平控件？

WPF本身没有直接开箱即用的控件能完全满足「动态项集合按权重正比分配水平空间」的需求，但有几种比后台手动操作Grid列定义更简便的实现方式：

1. 自定义WeightedUniformGrid面板（推荐） #

基于Panel扩展一个支持权重的布局控件，核心是在布局测量和排列阶段，根据所有项的权重总和计算每个项的宽度比例，完全通过XAML绑定实现，无需后台操作布局元素：

public class WeightedUniformGrid : Panel
{
    public static readonly DependencyProperty WeightProperty =
        DependencyProperty.RegisterAttached("Weight", typeof(double), typeof(WeightedUniformGrid), 
            new FrameworkPropertyMetadata(1.0, FrameworkPropertyMetadataOptions.AffectsArrange | FrameworkPropertyMetadataOptions.AffectsMeasure));

    public static double GetWeight(DependencyObject obj)
    {
        return (double)obj.GetValue(WeightProperty);
    }

    public static void SetWeight(DependencyObject obj, double value)
    {
        obj.SetValue(WeightProperty, value);
    }

    protected override Size MeasureOverride(Size availableSize)
    {
        double totalWeight = InternalChildren.Cast<UIElement>().Sum(e => GetWeight(e));
        if (totalWeight <= 0) totalWeight = InternalChildren.Count;

        double availableWidth = availableSize.Width;
        double maxChildHeight = 0;

        foreach (UIElement child in InternalChildren)
        {
            double childWidth = availableWidth * (GetWeight(child) / totalWeight);
            child.Measure(new Size(childWidth, availableSize.Height));
            maxChildHeight = Math.Max(maxChildHeight, child.DesiredSize.Height);
        }

        return new Size(availableSize.Width, maxChildHeight);
    }

    protected override Size ArrangeOverride(Size finalSize)
    {
        double totalWeight = InternalChildren.Cast<UIElement>().Sum(e => GetWeight(e));
        if (totalWeight <= 0) totalWeight = InternalChildren.Count;

        double currentX = 0;
        double availableWidth = finalSize.Width;

        foreach (UIElement child in InternalChildren)
        {
            double childWidth = availableWidth * (GetWeight(child) / totalWeight);
            child.Arrange(new Rect(currentX, 0, childWidth, finalSize.Height));
            currentX += childWidth;
        }

        return finalSize;
    }
}

配合ItemsControl使用，直接绑定动态集合和权重属性：

<ItemsControl ItemsSource="{Binding YourDynamicItems}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <local:WeightedUniformGrid/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Border local:WeightedUniformGrid.Weight="{Binding Weight}" 
                    Background="#F0F0F0" Margin="1">
                <TextBlock Text="{Binding Name}" 
                           HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </Border>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

这个方案完全适配动态集合的增删变化，且兼容NoesisGUI的WPF语法。

2. 权重转Star值转换器（适配已有Grid场景） #

如果项目已经基于Grid布局，可以用转换器将权重值转为Grid的Star单位宽度，只需后台同步ColumnDefinitions与项集合的数量：

public class WeightToStarConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double weight && weight > 0)
        {
            return new GridLength(weight, GridUnitType.Star);
        }
        return GridLength.Auto;
    }

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

XAML中绑定列宽度：

<Grid>
    <Grid.Resources>
        <local:WeightToStarConverter x:Key="WeightToStar"/>
    </Grid.Resources>
    <!-- 后台代码维护ColumnDefinitions集合与项数量一致 -->
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="{Binding YourDynamicItems[0].Weight, Converter={StaticResource WeightToStar}}"/>
        <ColumnDefinition Width="{Binding YourDynamicItems[1].Weight, Converter={StaticResource WeightToStar}}"/>
        <!-- 更多列... -->
    </Grid.ColumnDefinitions>
</Grid>

这种方式需要后台处理集合变化时的列增删，相比自定义Panel繁琐一些，但适合已有Grid布局的场景。

3. NoesisGUI适配说明 #

NoesisGUI对WPF自定义Panel的兼容性很高，上述自定义WeightedUniformGrid的代码可以直接移植使用，无需额外修改即可支持动态集合的权重布局需求。

内容的提问来源于stack exchange，提问作者Kristoffer Sjöö