WPF实现组内相似控件标签宽度统一为最长标签宽度

方案一：利用Grid的SharedSizeGroup（推荐，无后台计算） #

WPF的Grid列支持SharedSizeGroup属性，同一组名的列会自动调整为组内的最大宽度，完全不需要手动计算，是最简洁的实现方式。

步骤1：给TextEntryControl添加依赖属性传递组名 #

在TextEntryControl的后台代码中添加一个依赖属性，用来接收外部传入的共享组名：

public static readonly DependencyProperty LabelSizeGroupNameProperty =
    DependencyProperty.Register("LabelSizeGroupName", typeof(string), typeof(TextEntryControl),
        new PropertyMetadata(null, OnLabelSizeGroupNameChanged));

public string LabelSizeGroupName
{
    get => (string)GetValue(LabelSizeGroupNameProperty);
    set => SetValue(LabelSizeGroupNameProperty, value);
}

private static void OnLabelSizeGroupNameChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
    var control = (TextEntryControl)d;
    if (control.LabelColumnDefinition != null)
    {
        control.LabelColumnDefinition.SharedSizeGroup = e.NewValue as string;
    }
}

步骤2：修改TextEntryControl的XAML绑定组名 #

在TextEntryControl的Grid列定义中，把SharedSizeGroup绑定到上面的依赖属性：

<ColumnDefinition Name="LabelColumnDefinition" Width="Auto" 
                  SharedSizeGroup="{Binding LabelSizeGroupName, RelativeSource={RelativeSource AncestorType=UserControl}}" />

步骤3：在GroupTextEntryControl中统一设置组名 #

给所有子TextEntryControl设置同一个组名，这样它们的标签列就会自动对齐到最大宽度：

<UserControl x:Class="GroupTextEntryControl">
    <StackPanel>
        <local:TextEntryControl DataContext="{Binding DC1}" LabelSizeGroupName="GroupLabel" />
        <local:TextEntryControl DataContext="{Binding DC2}" LabelSizeGroupName="GroupLabel" />
        <local:TextEntryControl DataContext="{Binding DC3}" LabelSizeGroupName="GroupLabel" />
    </StackPanel>
</UserControl>

方案二：后台计算最大宽度（适合手动控制场景） #

如果需要更灵活的控制，可以通过后台代码计算所有标签的最大宽度，再统一设置给每个子控件。

步骤1：给TextEntryControl添加相关依赖属性 #

添加两个依赖属性：一个用来暴露标签的实际宽度，另一个用来接收统一的最大宽度：

// 暴露标签的实际宽度
public static readonly DependencyProperty LabelActualWidthProperty =
    DependencyProperty.Register("LabelActualWidth", typeof(double), typeof(TextEntryControl),
        new PropertyMetadata(0.0));

public double LabelActualWidth
{
    get => (double)GetValue(LabelActualWidthProperty);
    set => SetValue(LabelActualWidthProperty, value);
}

// 接收统一的最大宽度
public static readonly DependencyProperty MaxLabelWidthProperty =
    DependencyProperty.Register("MaxLabelWidth", typeof(double), typeof(TextEntryControl),
        new PropertyMetadata(double.NaN));

public double MaxLabelWidth
{
    get => (double)GetValue(MaxLabelWidthProperty);
    set => SetValue(MaxLabelWidthProperty, value);
}

步骤2：绑定TextEntryControl的标签属性 #

在TextEntryControl的XAML中，把标签的ActualWidth绑定到LabelActualWidth，同时把Width绑定到MaxLabelWidth：

<TextBlock Grid.Row="0" Grid.Column="1"  
           Text="{Binding Label, FallbackValue=Text}"
           x:Name="Label"
           FontSize="{StaticResource FontSizeRegular}"
           FontFamily="{StaticResource NunitoRegular}"
           Padding="2"
           ToolTip="{Binding ToolTip}"
           VerticalAlignment="Center"
           ActualWidth="{Binding LabelActualWidth, RelativeSource={RelativeSource AncestorType=UserControl}, Mode=OneWay}"
           Width="{Binding MaxLabelWidth, RelativeSource={RelativeSource AncestorType=UserControl}}"/>

步骤3：在GroupTextEntryControl中计算并设置最大宽度 #

在GroupTextEntryControl的后台代码中，加载完成后遍历所有子TextEntryControl，计算最大宽度并统一设置：

public GroupTextEntryControl()
{
    InitializeComponent();
    Loaded += GroupTextEntryControl_Loaded;
}

private void GroupTextEntryControl_Loaded(object sender, RoutedEventArgs e)
{
    var textEntryControls = FindVisualChildren<TextEntryControl>(this).ToList();
    if (!textEntryControls.Any()) return;

    double maxWidth = textEntryControls.Max(t => t.LabelActualWidth);
    foreach (var control in textEntryControls)
    {
        control.MaxLabelWidth = maxWidth;
    }
}

// 辅助方法：遍历获取所有子控件
private IEnumerable<T> FindVisualChildren<T>(DependencyObject parent) where T : DependencyObject
{
    for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++)
    {
        var child = VisualTreeHelper.GetChild(parent, i);
        if (child is T t)
            yield return t;
        foreach (var grandChild in FindVisualChildren<T>(child))
            yield return grandChild;
    }
}

注意：如果标签内容是动态变化的，需要额外监听LabelActualWidth的变化，重新计算最大宽度。

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