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

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

▶ 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">
    <Border
        HorizontalOptions="Center"
        VerticalOptions="Center"
        StrokeThickness="4"
        Background="#2B0B98"
        Padding="16,8">
        <Border.StrokeShape>
            <RoundRectangle CornerRadius="40,0,0,40" />
        </Border.StrokeShape>
        <Border.Stroke>
            <LinearGradientBrush EndPoint="0,1">
                <GradientStop Color="Orange" Offset="0.1" />
                <GradientStop Color="Brown"  Offset="1.0" />
            </LinearGradientBrush>
        </Border.Stroke>
        <Label
            FontSize="18"
            FontAttributes="Bold"
            TextColor="White"
            Text=".NET MAUI" />
    </Border>
</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">

<Border

HorizontalOptions="Center"

VerticalOptions="Center"

StrokeThickness="4"

Background="#2B0B98"

Padding="16,8">

<Border.StrokeShape>

</Border.StrokeShape>

<Border.Stroke>

</LinearGradientBrush>

</Border.Stroke>

<Label

FontSize="18"

FontAttributes="Bold"

TextColor="White"

Text=".NET MAUI" />

</Border>

</ContentPage>

TestProject.zip