Xamarin.Forms如何实现带公共布局的ContentView嵌入自定义子内容

出现这个布局完全被InputsView覆盖的情况，原因非常明确，和你最初的猜测方向完全一致：

• Xamarin.Forms的ContentView本身是单内容控件，原生的Content属性是整个控件的根布局载体
• 你已经在ScaffoldView的XAML里，通过<ContentView.Content>块把带公共头部、底部的Grid结构设置成了原生Content的内容
• 按照XAML的默认赋值规则，控件开闭标签里直接写的内容，会自动被赋值给该控件标记为默认内容属性的成员——也就是ScaffoldView继承来的原生Content属性。这就导致你写在标签里的InputsView直接顶替掉了之前定义好的Grid布局，自然只能看到InputsView
• 你之前在预留区域写的Content="{Binding Content}"其实也存在逻辑错位：这个绑定指向的就是被InputsView顶替后的原生Content，根本拿不到分层后的布局结构。

不需要改动ScaffoldView已经写好的公共布局，只需要给ScaffoldView单独新增一个和原生Content完全隔离的依赖属性，用来承载外部传入的自定义内容，就能实现你想要的“壳布局留位置，外部传内容填进去”的效果，而且完全兼容你现在的XAML写法，不需要大改顶层页面的代码，具体步骤如下：

1. 调整ScaffoldView的后台代码（ScaffoldView.xaml.cs）
   先定义专门的内容承载依赖属性，同时把这个属性标记为ScaffoldView的默认内容占位符，这样就能保留“在ScaffoldView开闭标签里直接嵌套内容”的写法：

   // 把自定义属性标记为控件的默认内容属性，保留原有写法的兼容性
   [ContentProperty(nameof(ContentHost))]
   public partial class ScaffoldView : ContentView
   {
       // 独立的依赖属性，专门存外部传入的自定义内容，和原生Content互不干扰
       public static readonly BindableProperty ContentHostProperty = 
           BindableProperty.Create(
               propertyName: nameof(ContentHost),
               returnType: typeof(View),
               declaringType: typeof(ScaffoldView),
               defaultValue: null);
   
       public View ContentHost
       {
           get => (View)GetValue(ContentHostProperty);
           set => SetValue(ContentHostProperty, value);
       }
   
       public ScaffoldView()
       {
           InitializeComponent();
       }
   }
   

2. 调整ScaffoldView的XAML绑定逻辑
   给ScaffoldView的根元素加个标识名方便内部绑定，再把预留内容区域的绑定从原生Content改成我们自定义的ContentHost：

   <ContentView ...
            x:Name="ScaffoldRoot"> <!-- 新增名称，用于内部绑定溯源 -->
       <ContentView.Content>
           <Grid
               Margin="10,35,10,10"
               VerticalOptions="FillAndExpand">
               <Grid.RowDefinitions>...</Grid.RowDefinitions>
               <!-- 公共头部布局元素 -->
               <!-- 预留的自定义内容区域，绑定独立的ContentHost属性 -->
               <ContentView
                   Grid.Row="..."
                   Content="{Binding ContentHost, Source={x:Reference ScaffoldRoot}}" />
               <!-- 公共底部布局元素 -->
           </Grid>
       </ContentView.Content>
   </ContentView>
   

3. 顶层页面的代码完全不需要修改
   因为我们已经通过ContentProperty特性把ContentHost设置成了ScaffoldView的默认内容属性，原来MainPage里的写法可以原封不动保留：

   <controls:ScaffoldView>
       <controls:InputsView />
   </controls:ScaffoldView>
   

   这时候写在标签里的InputsView会被自动赋值到ScaffoldView的ContentHost属性上，顺着绑定传到内部预留的区域，原来的头部、底部公共布局会完整保留，不会被覆盖。

• 千万不要试图复用ContentView原生的Content属性来承载外部传入的内容，这个属性已经被ScaffoldView的整体内置布局占用，两种赋值逻辑必然会互相覆盖
• 只要把自定义的内容属性和原生Content做物理隔离，就能快速实现通用的壳布局复用能力，不需要重构现有页面结构。

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