[C#/MAUI/.NET6] VerticalStackLayout 엘리먼트 사용하기

■ VerticalStackLayout 엘리먼트를 사용하는 방법을 보여준다.

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <VerticalStackLayout
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Margin="10,10,10,10">
        <Label
            Text="The VericalStackLayout has its Margin property set, to control the rendering position of the VerticalStackLayout." />
        <Label
            Margin="0,10,0,0"
            Text="The Padding property can be set to specify the distance between the VerticalStackLayout and its children." />
        <Label
            Margin="0,10,0,0"
            Text="The Spacing property can be set to specify the distance between views in the VerticalStackLayout." />
    </VerticalStackLayout>
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">

<VerticalStackLayout

HorizontalOptions="Center"

VerticalOptions="Center"

Margin="10,10,10,10">

<Label

Text="The VericalStackLayout has its Margin property set, to control the rendering position of the VerticalStackLayout." />

<Label

Margin="0,10,0,0"

Text="The Padding property can be set to specify the distance between the VerticalStackLayout and its children." />

<Label

Margin="0,10,0,0"

Text="The Spacing property can be set to specify the distance between views in the VerticalStackLayout." />

</VerticalStackLayout>

</ContentPage>

TestProject.zip