Xamarin迁移MAUI：ContentPresenter无法显示子视图元素求助

核心问题是ControlTemplate中的ContentPresenter未正确绑定到ContentView的Content属性，导致子视图ProviderSelectionUi设置的内容无法被ContentPresenter渲染展示——尽管元素已存在于可视化树中，但没有被关联到ContentPresenter的展示逻辑里。

修改步骤 #

1. 修正ContentPresenter的绑定逻辑 #

在LoginBaseView的XAML中，给ContentPresenter添加Content属性的模板绑定，关联到TemplatedParent的Content：

<ContentPresenter BackgroundColor="LightGray" Content="{TemplateBinding Content}" />

2. 优化布局层级（可选） #

原代码中红色测试Label直接放在Grid根节点，会覆盖在ScrollView上方，可能干扰视觉判断。建议将其移到ScrollView内部：

<ScrollView Grid.Row="0" Grid.Column="0" 
            Grid.RowSpan="3" Grid.ColumnSpan="2"
            VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
    <VerticalStackLayout>
        <Label Text="This is a test label for visibility."
               FontSize="24"
               HorizontalOptions="Center"
               VerticalOptions="CenterAndExpand"
               IsVisible="True"
               TextColor="Red"/>
        <ContentPresenter BackgroundColor="LightGray" Content="{TemplateBinding Content}" />
    </VerticalStackLayout>
</ScrollView>

完整修正后的LoginBaseView XAML #

<?xml version="1.0" encoding="utf-8"?>

<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:forms="clr-namespace:GMS.Classes.Forms;assembly=GMS.core"
             xmlns:svg="clr-namespace:GMS.svg;assembly=GMS.core"
             xmlns:assistant="clr-namespace:GMS.Components.Assistant"
             xmlns:banner="clr-namespace:GMS.Controls.Banner;assembly=GMS.core"
             x:Class="GMS.Components.AuthenticationManager.UI.BaseAndContainer.LoginBaseView"
             AutomationId="LoginView">
    <ContentView.ControlTemplate>
        <ControlTemplate>
            <Grid Padding="20, 30">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <ScrollView Grid.Row="0" Grid.Column="0" 
                            Grid.RowSpan="3" Grid.ColumnSpan="2"
                            VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
                    <VerticalStackLayout>
                        <Label Text="This is a test label for visibility."
                               FontSize="24"
                               HorizontalOptions="Center"
                               VerticalOptions="CenterAndExpand"
                               IsVisible="True"
                               TextColor="Red"/>
                        <ContentPresenter BackgroundColor="LightGray" Content="{TemplateBinding Content}" />
                    </VerticalStackLayout>
                </ScrollView>

                <banner:Banner Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"
                               BindingContext="{Binding Banner, Source={RelativeSource TemplatedParent}}" 
                               IsVisible="{Binding Converter={StaticResource NullVisibilityConverter}}"
                               Margin="-20, 16, -20, 0"/>
            </Grid>
        </ControlTemplate>
    </ContentView.ControlTemplate>
</ContentView>

原理说明 #

在MAUI（及Xamarin）中，当ContentView使用ControlTemplate时，ContentPresenter必须通过{TemplateBinding Content}明确关联到ContentView的Content属性，才能将子视图设置的内容渲染到模板中。原代码缺少这一绑定，导致ContentPresenter没有可展示的目标内容，最终出现"元素存在但不可见"的现象。

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