Xamarin.Forms ContentPresenter无法向ContentPage传递ViewModel数据如何解决

问题根因 #

第一种继承方案问题原因 #

你在子页面重写了父类AdFrame的Content属性，父类中已经将Content设置为包含顶部广告栏、内容占位区、底部广告栏的Grid布局，子类调用InitializeComponent()加载XAML时，新的Content会直接覆盖父类的布局，导致父类的广告栏消失。

第二种ControlTemplate方案问题原因 #

你手动给ContentPresenter指定了固定的BindingContext为local:Home，不仅限制了模板的通用性，还破坏了默认的绑定上下文继承逻辑，导致子页面内容无法关联自身的ViewModel。

修复方案 #

方案1：修复继承式AdFrame实现 #

第一步：修改AdFrame基类

• 在AdFrame.xaml中，给根节点添加x:Name="this"，并给ContentPresenter添加绑定，关联自定义的内容属性

<!-- AdFrame.xaml -->
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
             xmlns:services="clr-namespace:BoomStick.Services"
             x:Name="this"
             x:Class="BoomStick.Views.AdFrame">
    <ContentPage.Content>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="0.1*" />
                <RowDefinition Height="0.9*" />
                <RowDefinition Height="0.1*" />
            </Grid.RowDefinitions>
            <Frame Grid.Row="0" BackgroundColor="Red"  HeightRequest="100" WidthRequest="200" />
            <!-- 绑定自定义的PageContent属性 -->
            <ContentPresenter Grid.Row="1" Content="{Binding PageContent, Source={x:Reference this}}" />
            <StackLayout Grid.Row="2" BackgroundColor="Blue">
                <services:AdView />
            </StackLayout>
        </Grid>
    </ContentPage.Content>
</ContentPage>

• 在AdFrame.xaml.cs中新增可绑定的内容属性

// AdFrame.xaml.cs
[XamlCompilation(XamlCompilationOptions.Compile)]
public partial class AdFrame : ContentPage
{
    // 新增可绑定的PageContent属性，用于接收子类页面的内容
    public static readonly BindableProperty PageContentProperty = 
        BindableProperty.Create(nameof(PageContent), typeof(View), typeof(AdFrame));
    public View PageContent
    {
        get => (View)GetValue(PageContentProperty);
        set => SetValue(PageContentProperty, value);
    }
    public AdFrame()
    {
        InitializeComponent();
    }
}

第二步：修改子类Home页面

把Home.xaml中的<d:AdFrame.Content>标签替换为<d:AdFrame.PageContent>，其他代码无需修改，Home.xaml.cs中的InitializeComponent()保留即可。此时父类的广告布局和子类的页面内容会同时加载，ViewModel绑定也会正常生效。

方案2：修复ControlTemplate实现 #

修改ControlTemplate，删除ContentPresenter上硬编码的BindingContext即可，ContentPresenter会自动继承应用模板页面的Content和绑定上下文：

<ControlTemplate x:Key="AdEnabledPage">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="0.9*" />
            <RowDefinition Height="0.1*" />
        </Grid.RowDefinitions>
        <!-- 移除手动指定的BindingContext，使用默认继承逻辑 -->
        <ContentPresenter Grid.Row="0" />
        <StackLayout Grid.Row="1" BackgroundColor="{StaticResource Key=cBackgroundColor}">
            <services:AdView />
        </StackLayout>
    </Grid>
</ControlTemplate>

如果需要兼容已购买用户隐藏广告的逻辑，你当前写在OnAppearing中的代码无需修改，页面的ViewModel绑定会正常生效，所有数据都可以正常加载。

方案2更推荐使用，无需修改现有页面的继承结构，更适合批量给多个页面添加广告栏，维护成本更低。

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