双向绑定视图的 DependencyProperty 到视图模型的属性？

Question

网络上的多个消息来源告诉我们，在MVVM 中，视图和视图模型之间的通信/同步应该通过依赖属性进行。如果我理解正确的话，应该使用双向绑定将视图的依赖属性绑定到视图模型的属性。现在，以前也有人问过类似的问题，但没有足够的答案。

在我开始分析这个相当复杂的问题之前，这是我的问题：

如何将 自定义 视图的 DependencyProperty 与视图模型的属性同步？

在理想世界中，您只需将其绑定为：

<UserControl x:Class="MyModule.MyView" MyProperty="{Binding MyProperty}">

这不起作用，因为MyProperty 不是UserControl 的成员。嗬！我尝试了不同的方法，但都没有成功。

一种解决方案是定义一个基类UserControlEx，它具有必要的依赖属性，以使上述方法正常工作。然而，这很快变得非常混乱。不够好！

Answer 1

假设您已经在视图中定义了 DependencyProperty“DepProp”，并希望在 ViewModel 中使用完全相同的值（它实现了 INotifyPropertyChanged，但没有实现 DependencyObject）。您应该能够在 XAML 中执行以下操作：

<UserControl x:Class="MyModule.MyView"
         xmlns:local="clr-namespace:MyModule"
             x:Name="Parent">
    <Grid>
        <Grid.DataContext>
            <local:MyViewModel DepProp="{Binding ElementName=Parent, Path=DepProp}"/>
        </Grid.DataContext>
    ...
    </Grid>
</UserControl>

Answer 2

如果您想在 XAML 中执行此操作，您可以尝试使用样式来实现。

这是一个例子：

<UserControl x:Class="MyModule.MyView"
             xmlns:local="clr-namespace:MyModule">
    <UserControl.Resources>
        <Style TargetType="local:MyView">
            <Setter Property="MyViewProperty" Value="{Binding MyViewModelProperty, Mode=TwoWay}"/>
        </Style>
    </UserControl.Resources>
    <!-- content -->
</UserControl>

在您的情况下，MyViewProperty 和 MyViewModelProperty 都将命名为 MyProperty，但我使用不同的名称只是为了清楚什么是什么。

Answer 3

我使用 Caliburn.Micro 将 ViewModel 与 View 分开。尽管如此，它可能在 MVVM 中以相同的方式工作。我猜 MVVM 也将视图的 DataContext 属性设置为 ViewModel 的实例。

查看

// in the class of the view: MyView
public string ViewModelString // the property which stays in sync with VM's property
{
    get { return (string)GetValue(ViewModelStringProperty); }
    set
    {
        var oldValue = (string) GetValue(ViewModelStringProperty);
        if (oldValue != value) SetValue(ViewModelStringProperty, value);
    }
}

public static readonly DependencyProperty ViewModelStringProperty =
    DependencyProperty.Register(
        "ViewModelString",
        typeof(string),
        typeof(MyView),
        new PropertyMetadata(OnStringValueChanged)
        );

private static void OnStringValueChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
{
    // do some custom stuff, if needed
    // if not, just pass null instead of a delegate
}    

public MyView()
{
    InitializeComponent();
    // This is the binding, which binds the property of the VM
    // to your dep. property.
    // My convention is give my property wrapper in the view the same
    // name as the property in the VM has.
    var nameOfPropertyInVm = "ViewModelString"
    var binding = new Binding(nameOfPropertyInVm) { Mode = BindingMode.TwoWay };
    this.SetBinding(SearchStringProperty, binding);
}

虚拟机

// in the class of the ViewModel: MyViewModel
public string ViewModelStringProperty { get; set; }

请注意，这种实现完全缺乏INotifyPropertyChanged 接口的实现。您需要正确更新此代码。