Как мне привязать ширину столбца ColumnDefinition или высоту RowDefinition?

Question

В шаблоне View-Model-ViewModel для WPF я пытаюсь привязать высоты и ширины различных определений для элементов управления сеткой, поэтому я могу сохранить значения, которые пользователь устанавливает для них после использования GridSplitter. Однако нормальный шаблон, похоже, не работает для этих конкретных свойств.

Примечание: Я размещаю это как справочный вопрос, который я отправляю, поскольку Google сбил меня с толку, и мне пришлось самому это проработать. Мой собственный ответ.

Answer 1

Существовали ряд подводных камней я обнаружил:

1. Хотя это может выглядеть как двойной в XAML, фактическое значение высоты ОПРЕДЕЛЕНИЮ * или ширина является структура «GridLength».
2. Все свойства GridLength доступны только для чтения, вы должны создавать новый каждый раз, когда вы его изменяете.
3. В отличие от любого другого свойства в WPF, ширина и высота не изменяют режим привязки данных к «TwoWay», вам необходимо вручную установить это.

Thusly, я использовал следующий код:

private GridLength myHorizontalInputRegionSize = new GridLength(0, GridUnitType.Auto) 
public GridLength HorizontalInputRegionSize 
{ 
    get 
    { 
     // If not yet set, get the starting value from the DataModel 
     if (myHorizontalInputRegionSize.IsAuto) 
      myHorizontalInputRegionSize = new GridLength(ConnectionTabDefaultUIOptions.HorizontalInputRegionSize, GridUnitType.Pixel); 
     return myHorizontalInputRegionSize; 
    } 
    set 
    { 
     myHorizontalInputRegionSize = value; 
     if (ConnectionTabDefaultUIOptions.HorizontalInputRegionSize != myHorizontalInputRegionSize.Value) 
     { 
      // Set the value in the DataModel 
      ConnectionTabDefaultUIOptions.HorizontalInputRegionSize = value.Value; 
     } 
     OnPropertyChanged("HorizontalInputRegionSize"); 
    } 
} 

И в XAML:

<Grid.RowDefinitions> 
    <RowDefinition Height="*" MinHeight="100" /> 
    <RowDefinition Height="Auto" /> 
    <RowDefinition Height="{Binding Path=HorizontalInputRegionSize,Mode=TwoWay}" MinHeight="50" /> 
</Grid.RowDefinitions> 

Answer 2

Другая возможность, так как вы воспитывали преобразование между GridLength и int, чтобы создать IValueConverter и использовать его при привязке к Width. IValueConverter s также обрабатывают двустороннее связывание, потому что они имеют как методы ConvertTo(), так и ConvertBack().

Answer 3

Создать IValueConverter следующим образом:

public class GridLengthConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     double val = (double)value; 
     GridLength gridLength = new GridLength(val); 

     return gridLength; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     GridLength val = (GridLength)value; 

     return val.Value; 
    } 
} 

Вы можете использовать конвертер в вашем Переплет:

<UserControl.Resources> 
    <local:GridLengthConverter x:Key="gridLengthConverter" /> 
</UserControl.Resources> 
... 
<ColumnDefinition Width="{Binding Path=LeftPanelWidth, 
            Mode=TwoWay, 
            Converter={StaticResource gridLengthConverter}}" /> 

Answer 4

Самым простым решением является просто использовать настройки строки для этих свойств, так что WPF будет автоматически поддерживают их с помощью GridLengthConverter без дополнительной работы.