[C#/MAUI/.NET6] TabbedPage 엘리먼트 : Children 속성을 사용해 Page 컬렉션으로 탭 페이지 채우기

TestProject.zip

0.16MB

▶ ContactPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.ContactPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject"
    IconImageSource="sample1.png"
    Title="연락처"
    BackgroundColor="White">
    <StackLayout>
        <Label Text="연락처 페이지"
            VerticalOptions="CenterAndExpand" 
            HorizontalOptions="CenterAndExpand" />
    </StackLayout>
</ContentPage>

 

728x90

 

▶ TodoListPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.TodoListPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject"
    IconImageSource="sample2.png"
    Title="할일"
    BackgroundColor="White">
    <StackLayout>
        <Label Text="할일 페이지"
            VerticalOptions="CenterAndExpand" 
            HorizontalOptions="CenterAndExpand" />
    </StackLayout>
</ContentPage>

 

300x250

 

▶ ReminderPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.ReminderPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject"
    IconImageSource="sample3.png"
    Title="리마인더"
    BackgroundColor="White">
    <StackLayout>
        <Label Text="리마인더 페이지"
            VerticalOptions="CenterAndExpand" 
            HorizontalOptions="CenterAndExpand" />
    </StackLayout>
</ContentPage>

 

반응형

 

▶ MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <local:ContactPage />
    <local:TodoListPage />
    <local:ReminderPage />
</TabbedPage>