多个绑定作为转换器 WPF MVVM 的参数

Question

我正在尝试更改椭圆的填充画笔。它不起作用，所以作为快速修复，我做了一些体力劳动：

<Ellipse Height="55" Width="55" Grid.Column="1" Grid.Row="1" Fill="DarkGray" 
Visibility="{Binding Model.TransitLow, Converter={StaticResource BoolToVisibilityConverter}}"/>
<Ellipse Height="55" Width="55" Grid.Column="1" Grid.Row="1" Fill="White" 
Visibility="{Binding Model.IndicationHigh, Converter={StaticResource BoolToVisibilityConverter}}"/>
<Ellipse Height="55" Width="55" Grid.Column="1" Grid.Row="1" Fill="DarkGray" 
Visibility="{Binding Model.IndicationLow, Converter={StaticResource BoolToVisibilityConverter}}"/>
<Ellipse Height="55" Width="55" Grid.Column="1" Grid.Row="1" Fill="White" 
Visibility="{Binding Model.High, Converter={StaticResource BoolToVisibilityConverter}}"/>
<Ellipse Height="55" Width="55" Grid.Column="1" Grid.Row="1" Fill="DarkGray" 
Visibility="{Binding Model.Low, Converter={StaticResource BoolToVisibilityConverter}}"/>
<Ellipse Height="55" Width="55" Grid.Column="1" Grid.Row="1" Fill="Red" 
Visibility="{Binding Model.FeedbackError, Converter={StaticResource BoolToVisibilityConverter}}"/>
<Ellipse Height="55" Width="55" Grid.Column="1" Grid.Row="1" Fill="Red" 
Visibility="{Binding Model.FunctionFailed, Converter={StaticResource BoolToVisibilityConverter}}"/>
<Ellipse Height="55" Width="55" Grid.Column="1" Grid.Row="1" Fill="Red" 
Visibility="{Binding Model.LossOfXE, Converter={StaticResource BoolToVisibilityConverter}}"/>

如您所见，我基本上只是创建了图层，并使用了隐藏和显示算法。

理想情况下，所有这些绑定属性将进入一个执行逻辑的转换器，并为一个椭圆返回一个画笔。

理想情况下，我想要这样的东西：

<Ellipse Height="55" Width="55" Grid.Column="1" Grid.Row="1" Fill="{Binding Model.LossOfXE,Model.FunctionFailed....... Converter={StaticResource attrsToBrushConverter}}"/>   

Answer 1

假设椭圆的颜色因多个条件而变化，您可以使用IMultiValueConverter界面。 例如，您有 2 个按钮，用于确定ellipse的颜色。 因此，您可以将转换器编码为如下所示

public class EllipseColorConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        bool btn1 = (bool)values[0];
        bool btn2 = (bool)values[1];
        if (btn1 && !btn2)
            return Brushes.Red;
        else if (btn2 && !btn1)
            return Brushes.Blue;
        else if (btn1 && btn2)
            return Brushes.Pink;
        else
            return Brushes.Black;
    }
    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

然后在您的xaml中，您可以实施

 <Window.Resources>
    <local:EllipseColorConverter x:Key="ellipseColorConvert"/>
</Window.Resources>
 <Ellipse Grid.Row="0" Width="100" Height="100">
        <Ellipse.Fill>
            <MultiBinding Converter="{StaticResource ellipseColorConvert}">
                <Binding ElementName="btn1" Path="IsPressed"/>
                <Binding ElementName="btn2" Path="IsPressed"/>
            </MultiBinding>
        </Ellipse.Fill>
    </Ellipse>
    <Button Grid.Row="1" Content="button 1" x:Name="btn1"/>
    <Button Grid.Row="2" Content="button 2" x:Name="btn2"/>