WPF XAML MVVM继承下多ContentPresenter内容指定问题

WPF原生UserControl仅内置了一个Content依赖属性作为内容承载入口，默认逻辑下，控件标签内声明的所有直接子内容都会被赋值给这个单一属性。如果ControlTemplate内放了多个未显式指定内容绑定源的ContentPresenter，最后一个声明的Presenter会抢占默认Content的绑定权，这就是当前自定义内容跑到第1行第1列位置、无法拆分传入多段内容的直接原因，靠原生单Content属性完全无法实现多占位独立映射。

所有修改不改变现有类名、属性名、MVVM架构，完全基于继承机制实现复用。

1. 基类新增多内容依赖属性 #

在BaseClass.xaml.cs中为每个ContentPresenter占位区域定义独立的依赖属性，后续扩展新占位时按相同格式追加即可，示例代码：

public partial class BaseClass : UserControl
{
    // 对应第0行第2列占位区域
    public object TopRightArea
    {
        get => GetValue(TopRightAreaProperty);
        set => SetValue(TopRightAreaProperty, value);
    }
    public static readonly DependencyProperty TopRightAreaProperty =
        DependencyProperty.Register(nameof(TopRightArea), typeof(object), typeof(BaseClass), new PropertyMetadata(null));

    // 对应第1行第1列占位区域
    public object MainArea
    {
        get => GetValue(MainAreaProperty);
        set => SetValue(MainAreaProperty, value);
    }
    public static readonly DependencyProperty MainAreaProperty =
        DependencyProperty.Register(nameof(MainArea), typeof(object), typeof(BaseClass), new PropertyMetadata(null));
}

如果需要兼容之前单ContentPresenter的旧调用逻辑，可保留默认Content属性的映射，不需要额外定义对应区域的依赖属性。

2. 模板内ContentPresenter显式绑定内容源 #

修改BaseClass.xaml中ControlTemplate内的ContentPresenter配置，为每个占位符指定绑定的目标属性，避免抢占默认Content：

<!-- 第0行第2列的占位符，绑定TopRightArea属性 -->
<ContentPresenter Grid.Row="0" Grid.Column="2" 
                  Content="{Binding TopRightArea, RelativeSource={RelativeSource AncestorType=local:BaseClass}}"/>

<!-- 第1行第1列的占位符，如果要兼容旧的单内容写法，直接设置ContentSource="Content"即可 -->
<ContentPresenter Grid.Row="1" Grid.Column="1" 
                  ContentSource="Content"/>
<!-- 如果不需要兼容旧写法，就和上面一样绑定自定义的MainArea属性 -->

3. 调用方传入多段自定义内容 #

在MainWindow.xaml中通过WPF属性元素语法，即可为不同占位区域独立传入自定义内容，示例：

<local:BaseClass>
    <!-- 传入第0行第2列的自定义内容 -->
    <local:BaseClass.TopRightArea>
        <StackPanel Orientation="Horizontal" Spacing="8">
            <Button Content="选择掩码文件" Command="{Binding SelectFileCommand}"/>
            <Button Content="清空配置" Command="{Binding ResetCommand}"/>
        </StackPanel>
    </local:BaseClass.TopRightArea>

    <!-- 直接写在标签内、未指定属性的内容，会自动映射到设置了ContentSource="Content"的占位符，也就是第1行第1列位置 -->
    <DataGrid ItemsSource="{Binding ImportItemList}" AutoGenerateColumns="True"/>
</local:BaseClass>

• 所有通用UI控件、公共交互逻辑全部保留在BaseClass基类中，后续所有导入掩码相关界面直接继承该基类即可，完全满足复用要求，不需要重复编写通用代码。
• 后续新增占位区域仅需三步：基类追加对应依赖属性、模板新增ContentPresenter并绑定对应属性、调用时传入对应区域内容，扩展没有数量限制。
• 禁止给模板内多个ContentPresenter同时绑定默认Content属性，否则会再次出现内容被最后一个Presenter抢占、显示位置不符合预期的问题。

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