WPF ContentControl 内容作为 ContentControl

Question

难道不能有多个包含 ContentControl 的 UserControl 层吗？

我正在尝试为派生的不同模型创建视图，因此我想消除为每种对象类型重新创建视图的需要，而是提供一个 ContentControl 或 ContentPresenter 来注入“其余的观点”。但是，我只能用这种方法深入一层。

这是一个简化的示例。（我删除了一些 xmlns）。就我而言，我正在使用更复杂的视图，并尝试消除多个地方的重复代码，以备日后更改。

我有一个 Base UserControl，我们称之为 UserControlLevel1

<UserControl x:Class="ContentControlNesting.UserControlLevel1"
             x:Name="userControlLevel1"
             xmlns:local="clr-namespace:ContentControlNesting">
    <StackPanel>
        <TextBlock Text="UserControlLevel1ContentTop"/>
        <ContentControl Content="{Binding ElementName=userControlLevel1, Path=ChildContent}"/>
        <TextBlock Text="UserControlLevel2ContentBottom"/>
    </StackPanel>
</UserControl>

它在 UserControl 上有以下 DependencyProperty

namespace ContentControlNesting
{
    public partial class UserControlLevel1 : UserControl
    {
        public UserControlLevel1()
        {
            InitializeComponent();
        }

        public static readonly DependencyProperty ChildContentProperty = DependencyProperty.Register("ChildContent", typeof(UIElement), typeof(UserControlLevel1), new PropertyMetadata(null));

        public UIElement ChildContent
        {
            get { return (UIElement)GetValue(ChildContentProperty); }
            set { SetValue(ChildContentProperty, value); }
        }
    }
}

ContentControl 将用于以下称为 UserControlLevel2 的 UserControl。这个 UserControl 工作正常，正如我所期望的那样。或者更确切地说，UserControlLevel1 在 UserControlLevel2 中正常工作。

<UserControl x:Class="ContentControlNesting.UserControlLevel2"
             x:Name="userControlLevel2"
             xmlns:local="clr-namespace:ContentControlNesting">
    <local:UserControlLevel1>
        <local:UserControlLevel1.ChildContent>
            <StackPanel>
                <TextBlock Text="UserControlLevel2ContentTop"/>
                <ContentControl Content="{Binding ElementName=userControlLevel2, Path=ChildContent}"/>
                <TextBlock Text="UserControlLevel2ContentBottom"/>
            </StackPanel>
        </local:UserControlLevel1.ChildContent>
    </local:UserControlLevel1>
</UserControl>

同样，它有一个单独的 DependencyProperty 用于此 UserControl 上的 ContentControl，就像第一个一样。我也尝试过使用不同命名的 DependencyProperties。

namespace ContentControlNesting
{
    public partial class UserControlLevel1 : UserControl
    {
        public UserControlLevel1()
        {
            InitializeComponent();
        }

        public static readonly DependencyProperty ChildContentProperty = DependencyProperty.Register("ChildContent", typeof(UIElement), typeof(UserControlLevel1), new PropertyMetadata(null));

        public UIElement ChildContent
        {
            get { return (UIElement)GetValue(ChildContentProperty); }
            set { SetValue(ChildContentProperty, value); }
        }
    }
}

好的，所以在这一点上，一切似乎都运行良好。我在 UserControlLevel1 的 ContentControl 中添加了其他内容，并在我的 UserControlLevel2 UserControl 中添加了另一个 ContentControl。

问题是当我尝试引入第三层 UserControl 或我的 MainWindow 时。我添加到 UserControlLevel2 的 ContentControl 的任何内容都不会出现。

<Window x:Class="ContentControlNesting.MainWindow"
        xmlns:local="clr-namespace:ContentControlNesting"
        Title="MainWindow" Height="200" Width="300">
    <local:UserControlLevel2>
        <local:UserControlLevel2.ChildContent>
            <StackPanel>
                <TextBlock Text="Main Window Content Text"/>
            </StackPanel>
        </local:UserControlLevel2.ChildContent>
    </local:UserControlLevel2>
</Window>

我是否正在尝试做一些不可能的事情？还是我对 ContentControl 和 DependencyProperties 做错了什么？我应该用不同的方法来看待这个问题吗？

Answer 1

这是可能的。系统无法解析Binding 中的ElementName。解决方案是使用相对绑定。只需替换 UserControlLevel2 中的以下行即可：

<ContentControl Content="{Binding Path=ChildContent, RelativeSource={RelativeSource AncestorType={x:Type local:UserControlLevel2}}}"/>