Передача двох параметрів команди за допомогою прив'язки WPF

У мене є команда, яку я виконую зі свого файлу XAML, використовуючи наступний стандартний синтаксис:

<Button Content="Zoom" Command="{Binding MyViewModel.ZoomCommand}"/>

Це спрацювало чудово, поки я не зрозумів, що мені потрібні ДВА деталі інформації, щоб зробити цю операцію завершеною так, як очікують користувачі (спеціально ширина та висота полотна).

Здається, можна передавати масив як аргумент моїй команді, але я не бачу, як існує спосіб вказати прив'язку до двох моїх властивостей полотна в CommandParameter:

<Button Content="Zoom" 
        Command="{Binding MyViewModel.ZoomCommand" 
        CommandParameter="{Binding ElementName=MyCanvas, Path=Width}"/>

Як я можу передавати і ширину, і висоту своїй команді? Не здається, що це можливо за допомогою команд XAML, і мені потрібно підключити обробник кліків у своєму коді, щоб отримати цю інформацію для мого методу збільшення.

По-перше, якщо ви робите MVVM, ви, як правило, маєте цю інформацію доступною для свого VM через окремі властивості, зв'язані з поданням. Це позбавить вас від необхідності взагалі передавати будь-які параметри вашим командам.

Однак ви також можете багатокористуватися та використовувати перетворювач для створення параметрів:

<Button Content="Zoom" Command="{Binding MyViewModel.ZoomCommand">
    <Button.CommandParameter>
        <MultiBinding Converter="{StaticResource YourConverter}">
             <Binding Path="Width" ElementName="MyCanvas"/>
             <Binding Path="Height" ElementName="MyCanvas"/>
        </MultiBinding>
    </Button.CommandParameter>
</Button>

У вашому перетворювачі:

public class YourConverter : IMultiValueConverter
{
    public object Convert(object[] values, ...)
    {
        return values.Clone();
    }

    ...
}

Потім у вашій логіці виконання команди:

public void OnExecute(object parameter)
{
    var values = (object[])parameter;
    var width = (double)values[0];
    var height = (double)values[1];
}

У перетворювачі обраного рішення слід додати значення.Clone (), інакше параметри в команді закінчуються null

public class YourConverter : IMultiValueConverter
{
    public object Convert(object[] values, ...)
    {
        return values.Clone();
    }

    ...
}

Використовуйте Tuple в конвертері та в OnExecute, передавайте об'єкт параметра назад на Tuple.

public class YourConverter : IMultiValueConverter 
{      
    public object Convert(object[] values, ...)     
    {   
        Tuple<string, string> tuple = new Tuple<string, string>(
            (string)values[0], (string)values[1]);
        return (object)tuple;
    }      
} 

// ...

public void OnExecute(object parameter) 
{
    var param = (Tuple<string, string>) parameter;
}

Якщо ваші значення статичні, ви можете використовувати x:Array:

<Button Command="{Binding MyCommand}">10
  <Button.CommandParameter>
    <x:Array Type="system:Object">
       <system:String>Y</system:String>
       <system:Double>10</system:Double>
    </x:Array>
  </Button.CommandParameter>
</Button>

Щодо використання Tuple в конверторі, краще було б використовувати «об’єкт», а не «рядок», щоб він працював для всіх типів об’єктів без обмеження об’єкта «рядок».

public class YourConverter : IMultiValueConverter 
{      
    public object Convert(object[] values, ...)     
    {   
        Tuple<object, object> tuple = new Tuple<object, object>(values[0], values[1]);
        return tuple;
    }      
} 

Тоді логіка виконання в Command могла бути такою

public void OnExecute(object parameter) 
{
    var param = (Tuple<object, object>) parameter;

    // e.g. for two TextBox object
    var txtZip = (System.Windows.Controls.TextBox)param.Item1;
    var txtCity = (System.Windows.Controls.TextBox)param.Item2;
}

і багатозв'язувати з перетворювачем для створення параметрів (з двома об'єктами TextBox)

<Button Content="Zip/City paste" Command="{Binding PasteClick}" >
    <Button.CommandParameter>
        <MultiBinding Converter="{StaticResource YourConvert}">
            <Binding ElementName="txtZip"/>
            <Binding ElementName="txtCity"/>
        </MultiBinding>
    </Button.CommandParameter>
</Button>