Truyền hai tham số lệnh bằng liên kết WPF

Tôi có một lệnh mà tôi đang thực thi từ tệp XAML của mình bằng cú pháp tiêu chuẩn sau:

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

Điều này hoạt động tốt cho đến khi tôi nhận ra rằng tôi cần HAI mẩu thông tin từ chế độ xem để làm cho thao tác này hoàn thành theo cách người dùng mong đợi (chiều rộng và chiều cao của khung vẽ một cách cụ thể).

Có vẻ như có thể truyền một mảng làm đối số cho lệnh của tôi, nhưng tôi không thấy có cách nào để chỉ định ràng buộc cho hai thuộc tính canvas của tôi trong CommandParameter:

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

Làm cách nào để chuyển cả Chiều rộng và Chiều cao cho lệnh của tôi? Có vẻ như điều này là không thể khi sử dụng các lệnh từ XAML và tôi cần kết nối một trình xử lý nhấp chuột trong cơ sở mã của mình để có được thông tin này để chuyển sang phương thức thu phóng của tôi.

Thứ nhất, nếu bạn đang thực hiện MVVM, thông thường bạn sẽ có sẵn thông tin này cho máy ảo của mình thông qua các thuộc tính riêng biệt bị ràng buộc khỏi chế độ xem. Điều đó giúp bạn tiết kiệm tất cả các tham số cho các lệnh của bạn.

Tuy nhiên, bạn cũng có thể đa liên kết và sử dụng trình chuyển đổi để tạo các tham số:

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

Trong trình chuyển đổi của bạn:

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

    ...
}

Sau đó, trong logic thực thi lệnh của bạn:

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

Trong trình chuyển đổi của giải pháp đã chọn, bạn nên thêm giá trị.Clone () nếu không các tham số trong lệnh kết thúc null

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

    ...
}

Sử dụng Tuple trong Converter và trong OnExecute, chuyển đối tượng tham số trở lại 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;
}

Nếu giá trị của bạn là tĩnh, bạn có thể sử dụng 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>

Về việc sử dụng Tuple trong Trình chuyển đổi, sẽ tốt hơn nếu sử dụng 'đối tượng' thay vì 'chuỗi', để nó hoạt động cho tất cả các loại đối tượng mà không giới hạn đối tượng 'chuỗi'.

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

Sau đó, logic thực thi trong Command có thể như thế này

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

và đa liên kết với trình chuyển đổi để tạo các tham số (với hai đối tượng 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>