MAUI多ContentPresenter控件模板内容无法访问页面绑定上下文问题

原本的CardView控件使用单个<ContentPresenter />时，页面内的绑定可正常工作。为实现标题和副标题的骨架动画，将CardView修改为包含Header和Body两个BindableProperty，并在ControlTemplate中对应使用ContentPresenter。但修改后，页面中Header和Body内的绑定（如MyTitle、MySubtitle、MyBody）均失效，仅能通过指定ViewModel类型的绑定作为临时解决方案。

1. BindingContext被强制覆盖：修改后的ControlTemplate中，Border控件设置了BindingContext="{Binding Source={RelativeSource TemplatedParent}}"，导致Border及其内部所有元素的BindingContext指向CardView本身，而非页面的ViewModel。
2. ContentPresenter继承错误上下文：Header和Body的内容通过ContentPresenter显示时，会继承Border的BindingContext（即CardView），使得内容中的绑定表达式无法找到页面ViewModel中的属性。
3. BindableProperty配置不完整：Header和Body的BindableProperty未指定默认绑定模式，对于IView类型的属性，默认配置可能导致视图内容的上下文传递异常。

1. 移除ControlTemplate中Border的BindingContext设置 #

删除Border上的BindingContext赋值，改用TemplateBinding直接绑定控件属性，避免覆盖内部元素的上下文：

<ControlTemplate x:Key="CardViewControlTemplate">
    <Border Stroke="Gray" StrokeThickness="1">
        <Grid RowDefinitions="Auto,*">
            <Grid Grid.Row="0" BackgroundColor="{TemplateBinding HeaderBackgroundColor}">
                <ContentPresenter Content="{TemplateBinding Header}" />
            </Grid>
            <ContentPresenter 
                Grid.Row="1" 
                Margin="{StaticResource ContentMargin}"
                Content="{TemplateBinding Body}" />
        </Grid>
    </Border>
</ControlTemplate>

2. 修正BindableProperty的默认绑定模式 #

在定义Header和Body的BindableProperty时，指定DefaultBindingMode=BindingMode.OneWay，确保视图内容的传递逻辑符合预期：

public partial class CardView : ContentView
{
    public static readonly BindableProperty HeaderBackgroundColorProperty = BindableProperty.Create(
        nameof(HeaderBackgroundColor), 
        typeof(Color), 
        typeof(CardView), 
        Colors.White);

    public static readonly BindableProperty HeaderProperty = BindableProperty.Create(
        nameof(Header), 
        typeof(IView), 
        typeof(CardView),
        defaultBindingMode: BindingMode.OneWay);

    public static readonly BindableProperty BodyProperty = BindableProperty.Create(
        nameof(Body), 
        typeof(IView), 
        typeof(CardView),
        defaultBindingMode: BindingMode.OneWay);

    public Color HeaderBackgroundColor
    {
        get => (Color)GetValue(HeaderBackgroundColorProperty);
        set => SetValue(HeaderBackgroundColorProperty, value);
    }

    public IView Header
    {
        get => (IView)GetValue(HeaderProperty);
        set => SetValue(HeaderProperty, value);
    }

    public IView Body
    {
        get => (IView)GetValue(BodyProperty);
        set => SetValue(BodyProperty, value);
    }

    public CardView()
    {
        InitializeComponent();
    }
}

3. 保持页面使用方式不变 #

修改后的页面代码无需调整，Header和Body内的绑定会自动继承页面的ViewModel上下文：

<controls:CardView Grid.Row="0"
                    HeaderBackgroundColor="{StaticResource Primary}"
                    HeightRequest="{StaticResource OverviewCardHeight}"
                    VerticalOptions="StartAndExpand">
  <controls:CardView.Header>
    <VerticalStackLayout>
      <Label Text="{Binding MyTitle}" />
      <Label Text="{Binding MySubtitle}" />
    </VerticalStackLayout>
  </controls:CardView.Header>

  <controls:CardView.Body>
    <Label Text="{Binding MyBody}" />
  </controls:CardView.Body>
</controls:CardView>

移除Border的BindingContext设置后，ContentPresenter会继承CardView的BindingContext（即页面的ViewModel），因此Header和Body内的绑定表达式会正确指向页面ViewModel中的属性。同时，设置BindableProperty的默认绑定模式为OneWay，确保视图内容的传递是单向且稳定的，避免不必要的双向绑定导致上下文混乱。

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