如何将 TabbedPage ContentPage 拆分为不同的文件

Question

我愿意遵循 SIP（单一职责原则）。我分别用 3 个 tabs/Pages（Page1、Page2 和 Page3）创建了下面的 TabbedPage，效果很好。

我正在考虑将每个 ContentPage 拆分到它自己的 xaml 文件中，这样它的每个 C# 文件 (xaml.cs) 文件也可以处理它自己的 ContentPage，但最后它们需要表现为一个普通的 3 页标签视图页面。

我正在考虑这样做，因为每个 ContentPage 一天结束时都必须在其中包含很多东西（代码），这就是我考虑将每个 ContentPage 分开的原因从头到一个文件。

不确定在 Xamarin 中是否可行。

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="TabbedPageApp.MainPage"
             xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
             android:TabbedPage.ToolbarPlacement="Bottom">
    
    <!--android:TabbedPage.BarItemColor="Black"
             android:TabbedPage.BarSelectedItemColor="Red">-->
    
    <ContentPage Title="Page 1" IconImageSource="outline_settings_black_24dp.png">
        <ContentPage.Content>
            <StackLayout VerticalOptions="Center" HorizontalOptions="Center">
                <Label Text="Welcome to Xamarin - TabbedPage 1" HorizontalTextAlignment="Center" TextColor="Yellow" FontSize="36"/>

                <Entry x:Name="entryB" />
                
                <Button x:Name="myButtonCancel" Text="Cancel" />
            </StackLayout>
        </ContentPage.Content>
    </ContentPage>
    
    
    <ContentPage Title="Page 2" IconImageSource="outline_add_shopping_cart_black_24dp.png">
        <ContentPage.Content>
            <StackLayout VerticalOptions="Center" HorizontalOptions="Center">
                <Label Text="Welcome to Xamarin - TabbedPage 2" HorizontalTextAlignment="Center" TextColor="Yellow" FontSize="36"/>
            </StackLayout>
        </ContentPage.Content>
    </ContentPage>
    
    
    <ContentPage Title="Page 3" IconImageSource="outline_account_circle_black_24dp.png">
        <ContentPage.Content>
            <StackLayout VerticalOptions="Center" HorizontalOptions="Center">
                <Label Text="Welcome to Xamarin - TabbedPage 3" HorizontalTextAlignment="Center" TextColor="Yellow" FontSize="36"/>
            </StackLayout>
        </ContentPage.Content>
    </ContentPage>
</TabbedPage>

Answer 1

docs 明确说明了如何执行此操作。您只需声明 ContentPage XAML 文件所在的命名空间

PageOne 等只是您在项目中创建的 ContentPage XAML 文件

<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:local="clr-namespace:TabbedPageWithNavigationPage;assembly=TabbedPageWithNavigationPage"
            x:Class="TabbedPageWithNavigationPage.MainPage">
    <local:PageOne />
    <local:PageTwo />
</TabbedPage>

如何将 TabbedPage ContentPage 拆分为不同的文件

How to split TabbedPage ContentPage into different file

xaml

xamarin

xamarin.forms

tabbedpage