如何根据DataGrid列调整TextBox的尺寸与布局？

嘿，我之前也踩过DataGrid列宽同步这个坑，你的问题根源其实很好找——你用的UpdateLayout事件触发时机不对，而且DataGridColumn根本不在可视化树里，直接用ElementName绑定它的属性肯定行不通！毕竟拖动列标题手柄时的宽度变化，是DataGrid内部专门处理的流程，普通的布局事件抓不到精准时机。

给你两个靠谱的解决方案，按需选：

方案一：用DataGrid的ColumnWidthChanged事件直接处理 #

这个方法最直接，精准响应列宽拖动的动作：

1. 先在XAML里给DataGrid和目标TextBox命名：

<DataGrid x:Name="MyDataGrid" AutoGenerateColumns="False">
    <DataGrid.Columns>
        <!-- 你的其他列 -->
        <DataGridTextColumn x:Name="TargetColumn" Header="要同步的列" Binding="{Binding SomeProperty}" />
    </DataGrid.Columns>
</DataGrid>
<TextBox x:Name="SyncTextBox" />

2. 后台订阅事件，同步宽度和位置：

// 可以在窗口/控件的Loaded事件里加这段
MyDataGrid.ColumnWidthChanged += (sender, e) =>
{
    // 同步宽度
    SyncTextBox.Width = TargetColumn.ActualWidth;

    // 同步位置（让TextBox和列对齐）
    var columnHeader = MyDataGrid.ColumnHeaderContainerFromItem(TargetColumn) as DataGridColumnHeader;
    if (columnHeader != null)
    {
        // 计算列在DataGrid中的坐标
        var columnPosition = columnHeader.TransformToVisual(MyDataGrid).TransformPoint(new Point(0, 0));
        // 调整TextBox的Margin让它和列对齐
        SyncTextBox.Margin = new Thickness(columnPosition.X, SyncTextBox.Margin.Top, 0, SyncTextBox.Margin.Bottom);
    }
};

方案二：用附加属性实现纯XAML绑定（MVVM友好） #

如果你不想写后台事件，想贴合MVVM风格，可以写个附加属性来监听列的ActualWidth变化：

1. 先创建附加属性类：

public static class ColumnSyncHelper
{
    public static readonly DependencyProperty SyncTargetProperty =
        DependencyProperty.RegisterAttached(
            "SyncTarget", 
            typeof(FrameworkElement), 
            typeof(ColumnSyncHelper), 
            new PropertyMetadata(null, OnSyncTargetChanged));

    public static FrameworkElement GetSyncTarget(DependencyObject obj)
    {
        return (FrameworkElement)obj.GetValue(SyncTargetProperty);
    }

    public static void SetSyncTarget(DependencyObject obj, FrameworkElement value)
    {
        obj.SetValue(SyncTargetProperty, value);
    }

    private static void OnSyncTargetChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is DataGridColumn targetColumn && e.NewValue is FrameworkElement syncElement)
        {
            // 监听列的ActualWidth变化
            var widthDescriptor = DependencyPropertyDescriptor.FromProperty(
                DataGridColumn.ActualWidthProperty, 
                typeof(DataGridColumn));
            
            widthDescriptor.AddValueChanged(targetColumn, (s, args) =>
            {
                syncElement.Width = targetColumn.ActualWidth;
                // 位置同步的逻辑可以参考方案一，这里省略
            });
        }
    }
}

2. XAML里直接用附加属性绑定：

<Window xmlns:local="clr-namespace:你的命名空间">
    <DataGrid AutoGenerateColumns="False">
        <DataGrid.Columns>
            <DataGridTextColumn 
                Header="要同步的列" 
                Binding="{Binding SomeProperty}"
                local:ColumnSyncHelper.SyncTarget="{Binding ElementName=SyncTextBox}" />
            <!-- 其他列 -->
        </DataGrid.Columns>
    </DataGrid>
    <TextBox x:Name="SyncTextBox" />
</Window>

这两个方案都能精准捕捉到拖动列宽手柄的动作，完美同步TextBox的尺寸和位置。

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