回答編集履歴

見直しキャンペーン中

2023/07/27 13:46

投稿

TN8001

スコア9862

test CHANGED Viewed

@@ -1,211 +1,106 @@
 > aaaの部分にはVMクラスのプロパティに紐づけたいのですがやり方がわからず困っています。
 質問文は単純ですが２つの要素が合わさっています。
 １つ目はビジュアルツリーの問題です。
-`DataGridColumn`はビジュアルツリーに含まれないため、素直には`ViewModel`にアクセスできません。
+`DataGridColumn`はビジュアルツリーに含まれないため、素直にはViewModelにアクセスできません。
 [ツリー - WPF .NET Framework | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/desktop/wpf/advanced/trees-in-wpf)
 よくある手法は中継役（`BindingProxy`）を用意して、それ経由でアクセスします。
 `x:Reference`でコントロールを参照しても動きました。
 [c# - Binding datagrid column width - Stack Overflow](https://stackoverflow.com/questions/9313586/binding-datagrid-column-width)
 ---
 ２つ目は`DataGridLength`の問題です。
 `aaa`の型がわかりませんが、おそらく`double`等数値を想定されていると思います。
 `DataGridLength`は`Star`や`Auto`指定できるので、単なる数値ではありません
 [DataGridLength 構造体 (System.Windows.Controls) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.controls.datagridlength)
 `TwoWay`でバインドするには双方向のコンバータが必要です。
 [wpf - How do I databind a ColumnDefinition's Width or RowDefinition's Height? - Stack Overflow](https://stackoverflow.com/questions/147908/how-do-i-databind-a-columndefinitions-width-or-rowdefinitions-height)
-```xaml
+```xml
 <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>
 ```
-```C#
+```cs
 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](https://www.nuget.org/packages/CommunityToolkit.Mvvm/7.0.2)