WPF MVVM下通过ContentPresenter传递ObservableCollection到自定义UserControl的问题

问题核心原因 #

现有代码存在两个核心问题：一是SideMenuControl的ContentPresenter没有承载GroupListControl子控件，二是绑定路径与DataContext传递逻辑不匹配。以下是两种可行解决方案：

方案1：最简适配方案（无需修改控件后台代码） #

步骤1：修改MainWindow.xaml #

给SideMenuControl添加GroupListControl作为子内容，同时保留DataContext的继承关系：

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="GroupList" Height="450" Width="800">
    <!-- 不修改SideMenuControl的DataContext，继承主窗口的GroupCollectionViewModel -->
    <local:SideMenuControl>
        <!-- GroupListControl作为子内容会自动填充到ContentPresenter位置 -->
        <local:GroupListControl />
    </local:SideMenuControl>
</Window>

步骤2：补充缺失的Group实体类 #

你的代码中引用了Group类但未定义，新增如下类即可：

namespace WpfApp1
{
    public class Group
    {
        public string Name { get; set; }
    }
}

方案2：规范模块化方案（控件复用性更强） #

推荐用这种方式，通过自定义依赖属性实现控件解耦，后续GroupListControl可独立复用，不依赖上层DataContext结构。

步骤1：给GroupListControl添加ItemsSource依赖属性 #

修改GroupListControl.xaml.cs：

using System.Collections;
using System.Windows;
using System.Windows.Controls;

namespace WpfApp1
{
    public partial class GroupListControl : UserControl
    {
        public static readonly DependencyProperty ItemsSourceProperty =
            DependencyProperty.Register(nameof(ItemsSource), typeof(IEnumerable), typeof(GroupListControl), new PropertyMetadata(null));

        public IEnumerable ItemsSource
        {
            get => (IEnumerable)GetValue(ItemsSourceProperty);
            set => SetValue(ItemsSourceProperty, value);
        }

        public GroupListControl()
        {
            InitializeComponent();
            // 控件自身DataContext指向自己，绑定内部属性时不依赖外层DataContext
            DataContext = this;
        }
    }
}

步骤2：修改GroupListControl.xaml的绑定 #

<ItemsControl ItemsSource="{Binding ItemsSource}">
    <!-- 其余ItemTemplate代码保持不变 -->
</ItemsControl>

步骤3：修改MainWindow.xaml显式传递集合 #

<local:SideMenuControl>
    <local:GroupListControl ItemsSource="{Binding Groups}"/>
</local:SideMenuControl>

内容的提问来源于stack exchange，提问作者MisterGray