当 UserControl 有 DataContext 时，UserControl 的 DependencyProperty 为 null

Question

我已将 DependencyProperty 添加到我的视图中，绑定到 DependencyProperty 有效，但前提是我没有同时设置 DataContext。

GenericView.xaml

<UserControl x:Class="GenericProject.View.GenericView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <StackPanel>
        <Button Command="{Binding VMFactory.CreateViewModelCommand, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" />
        <TextBox IsEnabled="False" Text="{Binding SomeProperty, Mode=OneWay}" />
    </StackPanel>
</UserControl>

GenericView.xaml.cs

public partial class GenericView : UserControl
{
    // The DependencyProperty for VMFactory.
    public static readonly DependencyProperty VMFactoryProperty = DependencyProperty.Register("VMFactory", typeof(VMFactoryViewModel<GenericViewModel>), typeof(GenericView));

    public VMFactoryViewModel<GenericViewModel> VMFactory
    {
        get { return (VMFactoryViewModel<GenericViewModel>)GetValue(VMFactoryProperty); }
        set { SetValue(VMFactoryProperty, value); }
    }

    public GenericView()
    {
        InitializeComponent();
    }
}

在这里，我创建了两个视图来说明手头的问题。第一个视图中的 VMFactory 绑定将失败，因为我设置了 DataContext。第二个视图会成功，这个行为的原因是什么？

MainPage.xaml

<vw:GenericView DataContext="{Binding Generic}" VMFactory="{Binding GenericFactory}" />
<vw:GenericView VMFactory="{Binding GenericFactory}" />

Answer 1

这是一个相当常见的绑定“陷阱”...

为了访问VMFactory，您需要使用...将您的UserControl 绑定到自身。

DataContext="{Binding RelativeSource={RelativeSource Self}}"

然后，您不会将 GenericView 项目上的 DataContext 绑定到其他任何地方。

但是，如果您打算将其他值绑定到UserControl 外部的VMFactory（即<vw:GenericView VMFactory={Binding ...}"/>），则应将RelativeSource 与模式FindAncestor 一起用于UserControl 类型。

<!-- Shortened to show pertinent Binding -->
<ctrl:CommandTextBox Command="{Binding VMFactory.CreateViewModelCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}"/>

Answer 2

我有一个可行的解决方案，似乎控件的属性是相对于控件的 DataContext 绑定的？

我当然知道控件中的项目将相对于 DataContext 绑定，但我显然以前从未以这种方式使用过控件，并且不明白控件的属性也会继承设置的 DataContext 的范围。基本上我的视图中的所有内容都是正确的，但是绑定到我的 DependencyProperty 失败了。

GenericView.xaml

<!-- Everything in here was correct. -->
<UserControl x:Class="GenericProject.View.GenericView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <StackPanel>
        <Button Command="{Binding VMFactory.CreateViewModelCommand, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" />
        <TextBox IsEnabled="False" Text="{Binding SomeProperty, Mode=OneWay}" />
    </StackPanel>
</UserControl>

MainPage.xaml

<!-- This is where I messed up earlier, VMFactory requires a relative binding. -->
<vw:GenericView DataContext="{Binding Generic}"
                VMFactory="{Binding DataContext.GenericFactory, RelativeSource={RelativeSource AncestorType={x:Type Page}}}" />

Answer 3

正如@toadflakz 所说，这是 WPF 中一个非常常见的问题，当我学习 WPF 时，我花了一段时间才弄清楚。幸运的是，解决方案很简单。假设我们有一个 UserControl 有一个对象集作为它的 DataContext 和另一个集作为在 UserControl 中声明的 DependencyProperty 的值......你的情况。

从在UserControl XAML 中，您可以像往常一样将数据绑定到设置为DataContext 的对象的属性：

<TextBlock Text="{Binding PropertyFromDataContextObject}" />

如果你想将数据绑定到来自对象集的对象为DependencyProperty的值，你可以简单地使用RelativeSource Binding：

<TextBlock Text="{Binding PropertyFromDependencyPropertyObject, RelativeSource={
    RelativeSource AncestorType={x:Type YourPrefix:YourUserControl}}}" />

请注意，只要设置了DataContext 和DependencyProperty 属性，这两个Bindings 就可以在同一个UserControl 中一起使用。