[Enhancement] Use Native Control to wrap MAUI's control

[jingliancui]

Summary

Current Xamarin.Forms can not do this directly ,issue describe here:
xamarin/Xamarin.Forms#4050

API Changes

XAML and C# code implement

Intended Use Case

For example Windows' SplitView wrap MAUI's Entry

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="FeatureSample.Views.MainView"
             xmlns:viewModelBase="clr-namespace:FeatureSample.ViewModels.Base;assembly=FeatureSample"
             viewModelBase:ViewModelLocator.AutoWireViewModel="True"
             xmlns:i18n="clr-namespace:FeatureSample.Services.LocalizationV2;assembly=FeatureSample"
             xmlns:ios="clr-namespace:UIKit;assembly=Xamarin.iOS;targetPlatform=iOS"
             xmlns:win="clr-namespace:Windows.UI.Xaml.Controls;assembly=Windows, Version=255.255.255.255,Culture=neutral, PublicKeyToken=null, ContentType=WindowsRuntime;targetPlatform=Windows"
             xmlns:androidWidget="clr-namespace:Android.Widget;assembly=Mono.Android;targetPlatform=Android"       
             xmlns:androidLocal="clr-namespace:SimpleColorPicker.Droid;assembly=SimpleColorPicker.Droid;targetPlatform=Android">
    <NavigationPage.HasNavigationBar>false</NavigationPage.HasNavigationBar>
    <ContentPage.Content>
        <win:SplitView IsPaneOpen="true"
                       DisplayMode="Inline"
                                OpenPaneLength="296">
            <win:SplitView.Pane>
                <Entry Placeholder="test"></Entry>
            </win:SplitView.Pane>
            <win:SplitView.Content>
                <win:TextBlock Text="Content"

                   FontSize="24"

                   VerticalAlignment="Center"

                   HorizontalAlignment="Center"/>
            </win:SplitView.Content>
            
        </win:SplitView>
    </ContentPage.Content>
</ContentPage>

[davidortinau]

@jingliancui do you have other examples?

Your situation seems specific to MasterDetailPage, so would addressing that issue or enabling Shell for this use case meet your needs as well?

[jingliancui]

@davidortinau
Sample here

But It can not be compiled. I don't know is it because the support v4 controls not support native view

WrapControlSample.zip

<?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:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:ios="clr-namespace:UIKit;assembly=Xamarin.iOS;targetPlatform=iOS"
             xmlns:win="clr-namespace:Windows.UI.Xaml.Controls;assembly=Windows, Version=255.255.255.255,Culture=neutral, PublicKeyToken=null, ContentType=WindowsRuntime;targetPlatform=Windows"
             xmlns:androidWidget="clr-namespace:Android.Widget;assembly=Mono.Android;targetPlatform=Android"
             xmlns:androidLocal="clr-namespace:WrapControlSample.Android;assembly=WrapControlSample.Android;targetPlatform=Android"       
             xmlns:androidV4Widget="clr-namespace:Android.Support.V4.Widget;assembly=Xamarin.Android.Support.SwipeRefreshLayout, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null;targetPlatform=Android"
             mc:Ignorable="d"
             x:Class="WrapControlSample.MainPage">
    <StackLayout Orientation="Vertical">

        <androidV4Widget:SwipeRefreshLayout x:Name="TheSwipeRefreshLayout" x:Arguments="{x:Static androidLocal:MainActivity.Instance}">
            <Button Text="test"></Button>
        </androidV4Widget:SwipeRefreshLayout>
    </StackLayout>

</ContentPage>

[jingliancui]

Unclear shell can be meet the need. Because shell's tab feature can not be swipe like TabbedPage on Android now, So my product do not use shell. Maybe I should open an new issue for the shell' swipe feature on MAUI, right ?