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

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

▶ 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">
        <Rectangle
            VerticalOptions="Center"
            WidthRequest="30"
            HeightRequest="30"
            Fill="Red" />
        <Label
            Margin="10,0,0,0"
            VerticalOptions="Center"
            FontSize="18"
            Text="Red" />
    </HorizontalStackLayout>
</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">

<HorizontalStackLayout

HorizontalOptions="Center"

VerticalOptions="Center">

<Rectangle

VerticalOptions="Center"

WidthRequest="30"

HeightRequest="30"

Fill="Red" />

<Label

Margin="10,0,0,0"

VerticalOptions="Center"

FontSize="18"

Text="Red" />

</HorizontalStackLayout>

</ContentPage>

TestProject.zip