[C#/WPF] Path 엘리먼트 : 루프 아이콘 만들기

■ Path 엘리먼트를 사용해 루프 아이콘을 만드는 방법을 보여준다.

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="Path 엘리먼트 : 루프 아이콘 만들기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Canvas
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <Path
                StrokeThickness="2"
                Stroke="Black"
                Data="M 5 3 h 20 a 5 5 180 1 1 0 10 h -20 a 5 5 180 1 1 0 -10 Z" />
            <Path
                StrokeThickness="2"
                Stroke="Black"
                StrokeLineJoin="Round"
                Fill="Black"
                Data="M 11 0 l 8 3 l -8 3 Z" />
        </Canvas>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="Path 엘리먼트 : 루프 아이콘 만들기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Canvas

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Path

StrokeThickness="2"

Stroke="Black"

Data="M 5 3 h 20 a 5 5 180 1 1 0 10 h -20 a 5 5 180 1 1 0 -10 Z" />

<Path

StrokeThickness="2"

Stroke="Black"

StrokeLineJoin="Round"

Fill="Black"

Data="M 11 0 l 8 3 l -8 3 Z" />

</Canvas>

</Grid>

</Window>

TestProject.zip