DataGridTextColumn Width Binding のやり方

Question

DataGridTextColumnのWidthのバインドができずに困っています。
aaaの部分にはVMクラスのプロパティに紐づけたいのですがやり方がわからず困っています。

<DataGridTextColumn Width="{Binding aaa}" >

Answer 1

aaaの部分にはVMクラスのプロパティに紐づけたいのですがやり方がわからず困っています。

質問文は単純ですが２つの要素が合わさっています。

１つ目はビジュアルツリーの問題です。

DataGridColumnはビジュアルツリーに含まれないため、素直にはViewModelにアクセスできません。
ツリー - WPF .NET Framework | Microsoft Docs

よくある手法は中継役（BindingProxy）を用意して、それ経由でアクセスします。

x:Referenceでコントロールを参照しても動きました。
c# - Binding datagrid column width - Stack Overflow

---

２つ目はDataGridLengthの問題です。

aaaの型がわかりませんが、おそらくdouble等数値を想定されていると思います。
DataGridLengthはStarやAuto指定できるので、単なる数値ではありません
DataGridLength 構造体 (System.Windows.Controls) | Microsoft Docs

TwoWayでバインドするには双方向のコンバータが必要です。
wpf - How do I databind a ColumnDefinition's Width or RowDefinition's Height? - Stack Overflow

<Window
  x:Class="Questions338171.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:local="clr-namespace:Questions338171"
  Width="800"
  Height="450">
  <Window.DataContext>
    <local:ViewModel />
  </Window.DataContext>
  <Window.Resources>
    <local:BindingProxy x:Key="proxy" Data="{Binding}" />
    <local:DataGridLengthConverter x:Key="dataGridLengthConverter" />
  </Window.Resources>
  <DockPanel>
    <Slider
      x:Name="slider"
      DockPanel.Dock="Top"
      Maximum="{Binding ActualWidth, RelativeSource={RelativeSource self}}"
      Value="{Binding Width}" />
    <TextBlock DockPanel.Dock="Top" Text="{Binding Width}" />
    <DataGrid AutoGenerateColumns="False">
      <DataGrid.Columns>
        <DataGridTextColumn
          Width="{Binding Data.Width, Converter={StaticResource dataGridLengthConverter}, Mode=TwoWay, Source={StaticResource proxy}}"
          Binding="{Binding}"
          Header="BindingProxy" />
        <DataGridTextColumn
          Width="{Binding Value, Converter={StaticResource dataGridLengthConverter}, Mode=TwoWay, Source={x:Reference slider}}"
          Binding="{Binding}"
          Header="x:Reference" />
      </DataGrid.Columns>
      aaaa
    </DataGrid>
  </DockPanel>
</Window>

using CommunityToolkit.Mvvm.ComponentModel;
using System;
using System.Globalization;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;

namespace Questions338171
{
    class BindingProxy : Freezable
    {
        public object Data { get => GetValue(DataProperty); set => SetValue(DataProperty, value); }
        public static readonly DependencyProperty DataProperty
            = DependencyProperty.Register(nameof(Data), typeof(object), typeof(BindingProxy),
                new PropertyMetadata(null));
        protected override Freezable CreateInstanceCore() => new BindingProxy();
    }

    class DataGridLengthConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
            => new DataGridLength((double)value);
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
            => ((DataGridLength)value).Value;
    }

    class ViewModel : ObservableObject
    {
        private double width = 150;
        public double Width { get => width; set => SetProperty(ref width, value); }
    }

    public partial class MainWindow : Window
    {
        public MainWindow() => InitializeComponent();
    }
}

こちらを使用しています。
NuGet Gallery | CommunityToolkit.Mvvm 7.0.2

Answer 2

丁寧にありがとうございました。できました！