感謝@酪酪烤奶 提供的Solution

使用示例

<Window x:Class="WpfApp1.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:WpfApp1"Title="DataGrid列寬綁定示例" Height="450" Width="800"><Window.Resources><!-- 創建綁定代理 --><local:BindingProxy x:Key="Proxy" Data="{Binding}"/><!-- 列寬轉換器 --><local:DoubleToDataGridLengthConverter x:Key="DoubleToDataGridLengthConverter"/></Window.Resources><Grid><Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="*"/></Grid.RowDefinitions><!-- 列寬調整滑塊 --><StackPanel Orientation="Horizontal" Margin="10"><TextBlock Text="姓名列寬度:" VerticalAlignment="Center" Margin="0,0,10,0"/><Slider Minimum="50" Maximum="300" Value="{Binding NameColumnWidth, Mode=TwoWay}" Width="200" Margin="0,10"/><TextBlock Text="{Binding NameColumnWidth, StringFormat={}{0}px}" VerticalAlignment="Center" Margin="10,0,0,0"/></StackPanel><!-- DataGrid控件 --><DataGrid ItemsSource="{Binding People}" AutoGenerateColumns="False" Grid.Row="1" Margin="10"><DataGrid.Columns><!-- 使用TemplateColumn并通過代理綁定Width屬性 --><DataGridTemplateColumn Header="姓名" local:DataGridHelper.BindableWidth="{Binding Data.NameColumnWidth, Source={StaticResource Proxy},Converter={StaticResource DoubleToDataGridLengthConverter}}"><DataGridTemplateColumn.CellTemplate><DataTemplate><TextBlock Text="{Binding Name}" Margin="5"/></DataTemplate></DataGridTemplateColumn.CellTemplate></DataGridTemplateColumn><DataGridTextColumn Header="年齡" Binding="{Binding Age}" Width="100"/><DataGridTextColumn Header="職業" Binding="{Binding Occupation}" Width="150"/></DataGrid.Columns></DataGrid></Grid>
</Window>    

using System;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Globalization;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;namespace WpfApp1
{public partial class MainWindow : Window{public MainWindow(){InitializeComponent();DataContext = new MainViewModel();}}public class MainViewModel : INotifyPropertyChanged{private double _nameColumnWidth = 150;public double NameColumnWidth{get { return _nameColumnWidth; }set{if (_nameColumnWidth != value){_nameColumnWidth = value;OnPropertyChanged(nameof(NameColumnWidth));}}}public ObservableCollection<Person> People { get; set; }public MainViewModel(){People = new ObservableCollection<Person>{new Person { Name = "張三", Age = 25, Occupation = "工程師" },new Person { Name = "李四", Age = 30, Occupation = "設計師" },new Person { Name = "王五", Age = 28, Occupation = "產品經理" }};}public event PropertyChangedEventHandler? PropertyChanged;protected virtual void OnPropertyChanged(string propertyName){PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));}}public class Person{public string Name { get; set; }public int Age { get; set; }public string Occupation { get; set; }}// 列寬轉換器public class DoubleToDataGridLengthConverter : IValueConverter{public object Convert(object value, Type targetType, object parameter, CultureInfo culture){if (value is double doubleValue){return new DataGridLength(doubleValue);}return DependencyProperty.UnsetValue;}public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture){if (value is DataGridLength dataGridLength){return dataGridLength.Value;}return DependencyProperty.UnsetValue;}}// 綁定代理類public class BindingProxy : Freezable{protected override Freezable CreateInstanceCore(){return new BindingProxy();}public object Data{get { return (object)GetValue(DataProperty); }set { SetValue(DataProperty, value); }}public static readonly DependencyProperty DataProperty =DependencyProperty.Register("Data", typeof(object), typeof(BindingProxy), new UIPropertyMetadata(null));}// 關鍵修改：添加附加屬性來處理列寬綁定public static class DataGridHelper{public static readonly DependencyProperty BindableWidthProperty =DependencyProperty.RegisterAttached("BindableWidth",typeof(DataGridLength),typeof(DataGridHelper),new PropertyMetadata(new DataGridLength(1, DataGridLengthUnitType.SizeToHeader), OnBindableWidthChanged));public static DataGridLength GetBindableWidth(DependencyObject obj){return (DataGridLength)obj.GetValue(BindableWidthProperty);}public static void SetBindableWidth(DependencyObject obj, DataGridLength value){obj.SetValue(BindableWidthProperty, value);}private static void OnBindableWidthChanged(DependencyObject d, DependencyPropertyChangedEventArgs e){if (d is DataGridColumn column){column.Width = (DataGridLength)e.NewValue;}}}
}    

示例代碼分析

各類交互流程

WPF DataGrid 列寬綁定機制分析

這段代碼實現了通過ViewModel屬性動態控制DataGrid列寬的功能，下面我將詳細分析Width是如何被更新的，以及Data是如何關聯起來的。

整體架構

代碼主要包含以下幾個關鍵部分：

1. MainWindow.xaml：定義UI結構和綁定
2. MainViewModel：提供數據和NameColumnWidth屬性
3. BindingProxy：解決DataContext綁定問題
4. DataGridHelper：實現列寬綁定的附加屬性
5. DoubleToDataGridLengthConverter：類型轉換器

數據流分析

1. ViewModel到Slider的綁定

<Slider Value="{Binding NameColumnWidth, Mode=TwoWay}" />

• Slider的Value屬性雙向綁定到ViewModel的NameColumnWidth屬性
• 當用戶拖動滑塊時，NameColumnWidth會被更新
• 同時，TextBlock顯示當前寬度值也是綁定到同一屬性

2. ViewModel到DataGrid列的綁定

這是最復雜的部分，涉及多層綁定：

a. 綁定代理(BindingProxy)

<local:BindingProxy x:Key="Proxy" Data="{Binding}"/>

• 創建了一個BindingProxy實例，其Data屬性綁定到當前DataContext
• 這使得在DataGrid列定義中可以通過靜態資源訪問ViewModel

b. 列寬綁定

local:DataGridHelper.BindableWidth="{Binding Data.NameColumnWidth, Source={StaticResource Proxy}}"

• 使用DataGridHelper.BindableWidth附加屬性
• 綁定路徑為Data.NameColumnWidth，通過Proxy訪問
• 這意味著實際上綁定到ViewModel的NameColumnWidth屬性

c. 數據流

1. 用戶拖動Slider → NameColumnWidth更新
2. 由于Proxy.Data綁定到整個DataContext，Proxy能感知到變化
3. BindableWidth屬性通過Proxy獲取到新的NameColumnWidth值
4. DataGridHelper的OnBindableWidthChanged回調被觸發
5. 回調中將新的值賦給DataGridColumn.Width

關鍵機制詳解

1. BindingProxy的作用

BindingProxy解決了DataGrid列定義中無法直接訪問DataContext的問題：

• DataGrid列不是可視化樹的一部分，沒有繼承DataContext
• 通過創建Proxy作為靜態資源，綁定到當前DataContext
• 然后在列綁定中通過Source={StaticResource Proxy}訪問

2. DataGridHelper附加屬性

這是實現列寬綁定的核心：

1. 定義BindableWidth附加屬性
2. 當屬性值變化時，OnBindableWidthChanged回調被觸發
3. 回調中將新值賦給DataGridColumn的Width屬性

private static void OnBindableWidthChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{if (d is DataGridColumn column){column.Width = (DataGridLength)e.NewValue;}
}

3. 數據關聯路徑

完整的綁定路徑是：
Slider.Value → ViewModel.NameColumnWidth → Proxy.Data.NameColumnWidth → DataGridHelper.BindableWidth → DataGridColumn.Width

為什么這樣設計

1. 解決DataContext問題：DataGrid列不在可視化樹中，無法直接綁定到ViewModel
2. 類型兼容：DataGridColumn.Width是DataGridLength類型，而Slider操作的是double
3. 重用性：通過附加屬性和代理，可以方便地在其他地方重用這種綁定方式

解決方案分析

問題涉及WPF中兩個復雜的技術點：DataGridTemplateColumn的特殊綁定行為和屬性變更通知機制。

核心問題分析

最初遇到的問題是由以下因素共同導致的：

1. DataGridTemplateColumn不在可視化樹中
   這導致它無法通過RelativeSource或ElementName綁定到窗口或DataGrid的DataContext。

2. Width屬性類型不匹配
   DataGridColumn.Width屬性類型是DataGridLength，直接綁定了double類型，需要類型轉換。

3. 列寬屬性變更通知缺失
   即使綁定成功，DataGridTemplateColumn的Width屬性默認不會自動響應綁定源的變化。

關鍵解決方案組件

1. BindingProxy類（Freezable輔助類）

public class BindingProxy : Freezable
{protected override Freezable CreateInstanceCore(){return new BindingProxy();}public object Data{get { return (object)GetValue(DataProperty); }set { SetValue(DataProperty, value); }}public static readonly DependencyProperty DataProperty =DependencyProperty.Register("Data", typeof(object), typeof(BindingProxy), new UIPropertyMetadata(null));
}

作用：
通過繼承Freezable，這個類能夠存在于資源樹中（而非可視化樹），從而突破DataGridTemplateColumn的綁定限制。它捕獲窗口的DataContext并使其可被模板列訪問。

2. DoubleToDataGridLengthConverter轉換器

public class DoubleToDataGridLengthConverter : IValueConverter
{public object Convert(object value, Type targetType, object parameter, CultureInfo culture){if (value is double doubleValue){return new DataGridLength(doubleValue);}return DependencyProperty.UnsetValue;}public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture){if (value is DataGridLength dataGridLength){return dataGridLength.Value;}return DependencyProperty.UnsetValue;}
}

作用：
將ViewModel中的double類型屬性轉換為DataGridLength類型，解決類型不匹配問題。

3. DataGridHelper附加屬性

public static class DataGridHelper
{public static readonly DependencyProperty BindableWidthProperty =DependencyProperty.RegisterAttached("BindableWidth",typeof(DataGridLength),typeof(DataGridHelper),new PropertyMetadata(new DataGridLength(1, DataGridLengthUnitType.SizeToHeader), OnBindableWidthChanged));public static DataGridLength GetBindableWidth(DependencyObject obj){return (DataGridLength)obj.GetValue(BindableWidthProperty);}public static void SetBindableWidth(DependencyObject obj, DataGridLength value){obj.SetValue(BindableWidthProperty, value);}private static void OnBindableWidthChanged(DependencyObject d, DependencyPropertyChangedEventArgs e){if (d is DataGridColumn column){column.Width = (DataGridLength)e.NewValue;}}
}

作用：
通過附加屬性機制，創建一個可綁定的BindableWidth屬性，并在屬性值變化時強制更新列寬。這解決了列寬不響應綁定變化的問題。

4. XAML中的關鍵綁定修改

<Window.Resources><local:DoubleToDataGridLengthConverter x:Key="DoubleToDataGridLengthConverter"/><local:BindingProxy x:Key="Proxy" Data="{Binding}"/>
</Window.Resources><DataGridTemplateColumn Header="姓名" local:DataGridHelper.BindableWidth="{Binding Data.NameColumnWidth, Source={StaticResource Proxy}, Converter={StaticResource DoubleToDataGridLengthConverter}}">

綁定路徑解析：

• Source={StaticResource Proxy}：從資源中獲取BindingProxy實例
• Data.NameColumnWidth：通過Proxy的Data屬性訪問ViewModel的NameColumnWidth屬性
• Converter：將double轉換為DataGridLength
• local:DataGridHelper.BindableWidth：使用附加屬性而非直接設置Width

為什么這個方案有效

1. 突破可視化樹限制
   通過BindingProxy，我們將DataContext從資源樹引入，避開了DataGridTemplateColumn不在可視化樹中的問題。

2. 類型安全轉換
   轉換器確保了從double到DataGridLength的正確類型轉換。

3. 強制屬性更新
   附加屬性的PropertyChangedCallback（OnBindableWidthChanged）在值變化時主動更新列寬，解決了通知缺失問題。