.NET MAUI - Add page content

ContentPage 를 이용하면 Page 에 내용을 추가할 수 있다. 

이전에 미리 생성한 Maui 의 기본 앱에 Page 를 추가 하고 contents 를 넣어보자

 

HelloXamlPage.xaml 추가

Project --> 마우스 우클릭 --> add --> new item 

 

.NET MAUI --> .NET MAUI ContentPage (XAML) --> HelloXamlPage.xaml 입력 -->Add 클릭

아래 코드로 HelloXamlPage.xaml 변경

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="XamlSamples.HelloXamlPage"
             Title="Hello XAML Page">
    <Label Text="Hello, XAML!"
           VerticalOptions="Center"
           HorizontalTextAlignment="Center"
           Rotation="-15"
           FontSize="18"
           FontAttributes="Bold"
           TextColor="Blue" />
</ContentPage>

MainPage.xaml 수정

...
<Button 
    x:Name="NextBtn"
    Text="Next"
    HeightRequest="150"
    WidthRequest="150"
    SemanticProperties.Hint="Move to next page when you click"
    Clicked="OnNextClicked"
    HorizontalOptions="Center" />
...

MainPage.xaml.cs 수정

...
private void OnNextClicked(object sender, EventArgs e)
{
    Navigation.PushAsync(new HelloXamlPage());
}

실행

 

Next 클릭시

 

 

관련영상

https://youtu.be/WSw1Zy_twlo