如何在 mvvm 中的矩形命令上使用多重绑定？

Question

我得到了下面的矩形

<Rectangle
    Width="{Binding Width}"
    Height="{Binding Length}"
    Tag="{Binding Id}"
    Name="rectangleDrawnMachine">

    <i:Interaction.Triggers>
        <i:EventTrigger
            EventName="MouseDown">
            <cmd:EventToCommand
                Command="{Binding Main.UpdateSelectedMachine, Mode=OneWay, Source={StaticResource Locator}}"
                PassEventArgsToCommand="True"
                CommandParameter="{Binding ElementName=rectangleDrawnMachine}" />
        </i:EventTrigger>
    </i:Interaction.Triggers>
</Rectangle>

矩形绑定到在上面的 ItemsControl 中声明的模型。文档结构如下所示：

<Grid>
    <ItemsControl ItemsSource="{Binding AllMachines}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <Canvas Name="canvasDrawnMachines" />
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>

        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Rectangle Name="rectangleDrawnMachine"/>
                </Grid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>

现在我的 UpdateSelectedMachine-命令至少需要矩形的三个属性：

位置 x
位置 y
ID/标签

使用矩形本身的 CommandParameter，我的命令将获得有关矩形的大量信息（如必要的标签）。但它没有获得有关 canvas.

的 (X- & Y-) 位置的必要信息

所以我的问题是：如何在我的矩形命令上使用多重绑定？以及如何转移canvas的位置？

Answer 1

您可以获得作为命令参数传递给命令的 Rectangle 的 Canvas.Left 和 Canvas.Top 附加属性的值，如下所示：

double x = Canvas.GetLeft(rectangle);
double y = Canvas.GetTop(rectangle);

Do you know how to get the position in XAML-way?

使用带有转换器的 MultiBinding 并绑定到 Canvas.Left 和 Canvas.Top 属性：

<MultiBinding Converter="{StaticResource converter}">
             <Binding Path="(Canvas.Left)" ElementName="canvasDrawnMachines"/>
             <Binding Path="(Canvas.Top)" ElementName="canvasDrawnMachines"/>
             <Binding Path="Tag" ElementName="canvasDrawnMachines"/>
</MultiBinding>

Answer 2

不能使用命令参数传递多个值。

为此，您必须使用多重绑定。

<cmd:EventToCommand
            Command="{Binding Main.UpdateSelectedMachine, Mode=OneWay, Source={StaticResource Locator}}"
            PassEventArgsToCommand="True">
<cmd:EventToCommand.CommandParameter>
 <MultiBinding Converter="{StaticResource YourConverter}">
                 <Binding Path="Canvas.Left" ElementName="canvasDrawnMachines"/>
                 <Binding Path="Canvas.Top" ElementName="canvasDrawnMachines"/>
                 <Binding Path="Tag" ElementName="canvasDrawnMachines"/>
 </MultiBinding>
</cmd:EventToCommand.CommandParameter>

您的转换器：

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

然后，执行命令逻辑：

public void OnExecute(object parameter)
{
    var values = (object[])parameter;
    var left = (double)values[0];
    var top = (double)values[1];
    var tag = values[2]; 
}

如何在 mvvm 中的矩形命令上使用多重绑定？

How to use multibinding on a rectangle-command in mvvm?

wpf

mvvm-light

multibinding