<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Notes.AboutPage">
    <VerticalStackLayout Spacing="10" Margin="10">
        <HorizontalStackLayout Spacing="10">
            <Image Source="dotnet_bot.png"
                   SemanticProperties.Description="The dot net bot waving hello!"
                   HeightRequest="64" />
            <Label FontSize="22" FontAttributes="Bold" Text="Notes" VerticalOptions="End" />
            <Label FontSize="22" Text="v1.0" VerticalOptions="End" />
        </HorizontalStackLayout>

        <Label Text="This app is written in XAML and C# with .NET MAUI." />
        <Button Text="Learn more..." Clicked="LearnMore_Clicked" />
    </VerticalStackLayout>
</ContentPage>

<ContentPage> 는 클래스의 루트 개체입니다. 자식 개체를 하나만 가질 수 있습니다.

<VerticalStackLayout> 은 자식 요소들을 하나씩 세로 방향으로 배열합니다. 여러 자식이 있을 수 있습니다.

<HorizontalStackLayout> 는 자식이 수평으로 정렬됩니다. 여러 자식이 있을 수 있습니다.

<Image> 는 이미지를 표시합니다. 이 경우 모든 .NET MAUI 프로젝트와 함께 제공되는 이미지를 사용합니다.

<Label> 컨트롤은 텍스트를 표시합니다.

<Button> 컨트롤은 이벤트를 발생시키고 클릭할 수 있습니다. Clicked 이벤트에 대한 응답으로 코드를 실행할 수 있습니다.