如何使用 MVVM 将 UserControl 参数传递给 ViewModel

Question

我有一个 UserControl，它接收来自 xaml 的参数，如下所示：

  <components:MyComponent Sex="MALE"/>

在 MyComponent 控件中，我绑定了一个 ViewModel，如下所示：

<UserControl.DataContext>
    <components:MyComponentViewModel/>
</UserControl.DataContext>

同样在 MyComponent 后面的代码看起来是这样的：

 public partial class MyComponent: UserControl
 {
        public string Sex
        {
            get => (string)GetValue(SexParamProperty);
            set { SetValue(SexParamProperty, value); }
        }

        public static readonly DependencyProperty SexParamProperty = DependencyProperty.Register(nameof(Sex), typeof(string), typeof(MyComponent));

        public MyComponent()
        {
            InitializeComponent();
        }
 }

MyComponentViewModel 看起来像这样：

public class MyComponentViewModel: ViewModelBase
{
   public string Sex { get; set; }
}

我希望 ViewModel 知道 UserControl 中 Sex 的值是什么。 这是针对 MVVM 模式还是有一种方法可以在尊重 MVVM 的情况下做到这一点？ 我怎样才能做到这一点？

Answer 1

为了将值从控件传递到视图模型，控件的属性通常是双向绑定的。 可以声明一个依赖属性，使其默认绑定两种方式：

public string Sex
{
    get => (string)GetValue(SexProperty);
    set => SetValue(SexProperty, value);
}

public static readonly DependencyProperty SexProperty =
    DependencyProperty.Register(
        nameof(Sex), typeof(string), typeof(MyComponent),
        new FrameworkPropertyMetadata(
            null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault));

请注意依赖属性的标识符字段的约定： <PropertyName>Property 。

---

一个控件——无论是 UserControl 还是任何其他控件——也不能有自己的私有视图模型对象。 相反，它只会公开“内部”用作控件 XAML 中 Bindings 源属性的可绑定属性，例如

<UserControl x:Class="MyNamspace.MyComponent" ...>
    <Grid>
        <TextBox
            Text="{Binding Sex,
                   RelativeSource={RelativeSource AncestorType=UserControl}}"/>
    </Grid>
</UserControl>

控件尤其不能设置自己的 DataContext，因为绑定它的属性，如

<components:MyComponent Sex="{Binding SexInViewModel}"/>

不会按预期工作。 源属性名称根据当前 DataContext 进行解析，这将是控件的私有视图模型，而不是继承的 DataContext 中的（预期）视图模型实例。

还值得一提的是，像这样的控件没有特定视图模型类型（或一组属性）的依赖项。 因此，它提供了更好的可重用性。