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

TestProject.zip

0.15MB

▶ 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">
    <HorizontalStackLayout
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Spacing="6">
        <Label Text="주 색상" />
        <VerticalStackLayout Spacing="6">
            <Rectangle
                WidthRequest="30"
                HeightRequest="30"
                Fill="Red" />
            <Rectangle
                WidthRequest="30"
                HeightRequest="30"
                Fill="Yellow" />
            <Rectangle
                WidthRequest="30"
                HeightRequest="30"
                Fill="Blue" />
        </VerticalStackLayout>
        <Label Text="보조 색상" />
        <VerticalStackLayout Spacing="6">
            <Rectangle
                WidthRequest="30"
                HeightRequest="30"
                Fill="Green" />
            <Rectangle
                WidthRequest="30"
                HeightRequest="30"
                Fill="Orange" />
            <Rectangle
                WidthRequest="30"
                HeightRequest="30"
                Fill="Purple" />
        </VerticalStackLayout>
    </HorizontalStackLayout>
</ContentPage>