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

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

▶ 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">
    <Grid
        Margin="10"
        ColumnDefinitions="*,Auto,*"
        RowDefinitions="*,Auto,*,Auto,*,Auto,*">
        <Polyline Grid.Row="1" Grid.Column="1"
            StrokeThickness="20"
            Stroke="DarkBlue"
            StrokeLineJoin="Miter"
            Points="20 20 250 50 20 120" />
        <Polyline Grid.Row="3" Grid.Column="1"
            StrokeThickness="20"
            Stroke="DarkBlue"
            StrokeLineJoin="Bevel"
            Points="20 20 250 50 20 120" />
        <Polyline Grid.Row="5" Grid.Column="1"
            StrokeThickness="20"
            Stroke="DarkBlue"
            StrokeLineJoin="Round"
            Points="20 20 250 50 20 120" />
    </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">

<Grid

Margin="10"

ColumnDefinitions="*,Auto,*"

RowDefinitions="*,Auto,*,Auto,*,Auto,*">

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

StrokeThickness="20"

Stroke="DarkBlue"

StrokeLineJoin="Miter"

Points="20 20 250 50 20 120" />

<Polyline Grid.Row="3" Grid.Column="1"

StrokeThickness="20"

Stroke="DarkBlue"

StrokeLineJoin="Bevel"

Points="20 20 250 50 20 120" />

<Polyline Grid.Row="5" Grid.Column="1"

StrokeThickness="20"

Stroke="DarkBlue"

StrokeLineJoin="Round"

Points="20 20 250 50 20 120" />

</Grid>

</ContentPage>

TestProject.zip