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

■ VerticalStackLayout 엘리먼트의 Spacing 속성을 사용하는 방법을 보여준다.

▶ 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"
        Spacing="10">
        <Label Text="Primary colors" />
        <Rectangle
            WidthRequest="300"
            HeightRequest="30"
            Fill="Red" />
        <Rectangle
            WidthRequest="300"
            HeightRequest="30"
            Fill="Yellow" />
        <Rectangle
            WidthRequest="300"
            HeightRequest="30"
            Fill="Blue" />
        <Label Text="Secondary colors" />
        <Rectangle
            WidthRequest="300"
            HeightRequest="30"
            Fill="Green" />
        <Rectangle
            WidthRequest="300"
            HeightRequest="30"
            Fill="Orange" />
        <Rectangle
            WidthRequest="300"
            HeightRequest="30"
            Fill="Purple" />
    </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"

Spacing="10">

<Rectangle

WidthRequest="300"

HeightRequest="30"

Fill="Red" />

<Rectangle

WidthRequest="300"

HeightRequest="30"

Fill="Yellow" />

<Rectangle

WidthRequest="300"

HeightRequest="30"

Fill="Blue" />

<Rectangle

WidthRequest="300"

HeightRequest="30"

Fill="Green" />

<Rectangle

WidthRequest="300"

HeightRequest="30"

Fill="Orange" />

<Rectangle

WidthRequest="300"

HeightRequest="30"

Fill="Purple" />

</VerticalStackLayout>

</ContentPage>

TestProject.zip