使用视图模型的依赖属性来更改矩形的填充

Question

我有一个带有矩形的视图，并且根据一个布尔变量，我想将填充设置为特定的画笔。为此，我向 ViewModel 添加了一个 DependencyProperty。

public static readonly DependencyProperty FalseColorProperty = DependencyProperty.Register(
            "FalseColor",
            typeof(Brush),
            typeof(BooleanRectangleView),
            new FrameworkPropertyMetadata(Application.Current.FindResource("LightGreyBrush"), FrameworkPropertyMetadataOptions.AffectsRender));

public Brush FalseColor
{
    get { return (Brush)GetValue(FalseColorProperty); }
    set { SetValue(FalseColorProperty, value); }
}

在视图中，我使用以下触发器为矩形添加了一个样式

<DataTrigger Binding="{Binding DataContext.Model.Variable, RelativeSource={RelativeSource AncestorType=UserControl}}" Value="false">
                        <Setter Property="Fill" Value="{Binding DataContext.FalseColor, RelativeSource={RelativeSource AncestorType=UserControl}}" />
</DataTrigger>

由于我在 ViewModel 中有 DependencyProperty，我不知道在创建 UserControl 时如何设置它。例如，以下不起作用

<BooleanRectangleView FalseColor="..."/>

另外，当我运行程序时，我在 ViewModel 的构造函数中得到一个异常：

默认类型与属性FalseColor的类型不匹配（翻译自德语）

编辑：

当我将 FindResource 转换为 Brush 时，我得到一个新异常：

属性FalseColor的默认值不能绑定到特定线程

我猜这与不一定从调度程序线程调用 FindResource 有关？

Answer 1

我不明白您的结构：您说 FalseColorProperty 在 ViewModel 层中，但该类称为 BooleanRectangleView 可能应该是 View 类（UserControl 或类似名称）的名称。

在您的情况下，除了一个名为 IsVariableTrue 的布尔值之外，您的视图中还会有这个 DP。

在您的 ViewModel 中，您将拥有使 Model 中的 Variable 属性可访问的 Variable 属性。

在 BooleanRectangleView XAMl 中，您将拥有一个样式：

<Rectangle>
    <Rectangle.Style>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Fill" Value="{Binding RelativeSource={RelativeSource Self}, Path=Fill}"/> <!-- Binding to the Rectangle Fill property -->
            <Style.Triggers>
                <DataTrigger Property="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type BooleanRectangleView}}, Path=IsVariableTrue}" Value="False">
                    <Setter Property="Fill" Value="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type BooleanRectangleView}}, Path=FalseColor}"/> <!-- Binding to the DP in the View -->
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Rectangle.Style>
    ...
</Rectangle>

在使用 BooleanRectangleView 的 XAML 中：

<BooleanRectangleView IsVariableTrue="{Binding Variable}"/> <!-- Binding to the ViewModel -->

关于您的 DP 声明：

public static readonly DependencyProperty FalseColorProperty = DependencyProperty.Register(
    "FalseColor",
    typeof(Brush),
    typeof(BooleanRectangleView),
    new FrameworkPropertyMetadata(
        Brush.Red, 
        FrameworkPropertyMetadataOptions.AffectsRender
    )
);

public Brush FalseColor
{
    get { return (Brush)GetValue(FalseColorProperty); }
    set { SetValue(FalseColorProperty, value); }
}

您需要在 BooleanRectangleView 的构造函数中设置 DP 值：

public BooleanRectangleView() {

    InitializeComponents();
    FalseColor = (Brush)Application.Current.FindResource("Infoteam_LightGreyBrush");
}

我确信有更好的解决方案，但它应该可以正常工作。

已编辑

将绑定的 TemplateBinding 替换为 RelativeSource，因为我们不在 ControlTemplate 中。 将触发器替换为 DataTrigger，因为 IsVariableTrue 不存在于 Rectangle 中。