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

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

▶ 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">
    <AbsoluteLayout
        HorizontalOptions="Center"
        VerticalOptions="Center">
        <BoxView
            AbsoluteLayout.LayoutFlags="PositionProportional"
            AbsoluteLayout.LayoutBounds="0.5,0,100,100"
            Rotation="30"
            Color="Red" />
        <BoxView
            AbsoluteLayout.LayoutFlags="PositionProportional"
            AbsoluteLayout.LayoutBounds="0.5,0,100,100"
            Rotation="60"
            Color="Green" />
        <BoxView
            AbsoluteLayout.LayoutFlags="PositionProportional"
            AbsoluteLayout.LayoutBounds="0.5,0,100,100"
            Color="Blue" />
    </AbsoluteLayout>
</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">

<AbsoluteLayout

HorizontalOptions="Center"

VerticalOptions="Center">

<BoxView

AbsoluteLayout.LayoutFlags="PositionProportional"

AbsoluteLayout.LayoutBounds="0.5,0,100,100"

Rotation="30"

Color="Red" />

<BoxView

AbsoluteLayout.LayoutFlags="PositionProportional"

AbsoluteLayout.LayoutBounds="0.5,0,100,100"

Rotation="60"

Color="Green" />

<BoxView

AbsoluteLayout.LayoutFlags="PositionProportional"

AbsoluteLayout.LayoutBounds="0.5,0,100,100"

Color="Blue" />

</AbsoluteLayout>

</ContentPage>

TestProject.zip