Melewati dua parameter perintah menggunakan pengikat WPF

Saya memiliki perintah yang saya jalankan dari file XAML saya menggunakan sintaks standar berikut:

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

Ini bekerja dengan baik sampai saya menyadari bahwa saya membutuhkan DUA potong informasi dari tampilan untuk membuat operasi ini melengkapi seperti yang diharapkan pengguna (lebar dan tinggi kanvas secara khusus).

Sepertinya mungkin untuk melewatkan array sebagai argumen ke perintah saya, tapi saya tidak melihat ada cara untuk menentukan pengikatan ke dua properti kanvas saya di CommandParameter:

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

Bagaimana cara menyampaikan Lebar dan Tinggi ke perintah saya? Sepertinya tidak mungkin menggunakan perintah dari XAML dan saya perlu memasang handler klik di codebehind saya untuk mendapatkan informasi ini agar lolos ke metode zoom saya.

Pertama, jika Anda melakukan MVVM, Anda biasanya memiliki informasi ini tersedia untuk VM Anda melalui properti terpisah yang terikat dari tampilan. Itu menghemat Anda harus melewati parameter apa pun untuk perintah Anda.

Namun, Anda juga bisa mengikat banyak dan menggunakan konverter untuk membuat parameter:

<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>

Di konverter Anda:

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

    ...
}

Kemudian, dalam logika eksekusi perintah Anda:

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

Dalam konverter dari solusi yang dipilih, Anda harus menambahkan nilai. Mengkloning () jika tidak, parameter di akhir perintah nol

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

    ...
}

Gunakan Tuple di Konverter, dan di OnExecute, masukkan objek parameter kembali ke 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;
}

Jika nilai Anda statis, Anda dapat menggunakan 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>

Tentang menggunakan Tuple di Konverter, akan lebih baik menggunakan 'objek' daripada 'string', sehingga berfungsi untuk semua jenis objek tanpa batasan objek 'string'.

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

Maka logika eksekusi di Command bisa seperti ini

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;
}

dan multi-bind dengan konverter untuk membuat parameter (dengan dua objek 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>