[C#/MAUI/.NET6] Grid 엘리먼트 : RowSpan/ColumnSpan 첨부 속성 사용하기

■ Grid 엘리먼트의 RowSpan/ColumnSpan 첨부 속성을 사용하는 방법을 보여준다.

▶ 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"
    BackgroundColor="White">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Label Grid.Row="0" Grid.Column="0"
            BackgroundColor="Red"
            HorizontalTextAlignment="Center"
            VerticalTextAlignment="Center"
            TextColor="White"
            Text="0행 0열" />
        <BoxView Grid.Row="0" Grid.Column="1"
            Color="Blue" />
        <BoxView Grid.Row="1" Grid.Column="0"
            Color="Teal" />
        <Label Grid.Row="1" Grid.Column="1"
            TextColor="Purple"
            Text="1행 1열"
            BackgroundColor="Aqua"
            HorizontalTextAlignment="Center"
            VerticalTextAlignment="Center" />
        <Label Grid.Row="0" Grid.RowSpan="2" Grid.Column="2"
            BackgroundColor="DarkMagenta"
            HorizontalTextAlignment="Center"
            VerticalTextAlignment="Center"
            TextColor="White"
            Text="0~1행 2열" />
        <Label Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2"
            BackgroundColor="Yellow"
            HorizontalTextAlignment="Center"
            VerticalTextAlignment="Center"
            TextColor="Blue"
            Text="2행 0~1열" />
        <Label Grid.Row="2" Grid.Column="2"
            BackgroundColor="Blue"
            HorizontalTextAlignment="Center"
            VerticalTextAlignment="Center"
            TextColor="White"
            Text="2행 2열" />
    </Grid>
</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"

BackgroundColor="White">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Label Grid.Row="0" Grid.Column="0"

BackgroundColor="Red"

HorizontalTextAlignment="Center"

VerticalTextAlignment="Center"

TextColor="White"

Text="0행 0열" />

<BoxView Grid.Row="0" Grid.Column="1"

Color="Blue" />

<BoxView Grid.Row="1" Grid.Column="0"

Color="Teal" />

<Label Grid.Row="1" Grid.Column="1"

TextColor="Purple"

Text="1행 1열"

BackgroundColor="Aqua"

HorizontalTextAlignment="Center"

VerticalTextAlignment="Center" />

<Label Grid.Row="0" Grid.RowSpan="2" Grid.Column="2"

BackgroundColor="DarkMagenta"

HorizontalTextAlignment="Center"

VerticalTextAlignment="Center"

TextColor="White"

Text="0~1행 2열" />

<Label Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2"

BackgroundColor="Yellow"

HorizontalTextAlignment="Center"

VerticalTextAlignment="Center"

TextColor="Blue"

Text="2행 0~1열" />

<Label Grid.Row="2" Grid.Column="2"

BackgroundColor="Blue"

HorizontalTextAlignment="Center"

VerticalTextAlignment="Center"

TextColor="White"

Text="2행 2열" />

</Grid>

</ContentPage>

TestProject.zip