[C#/WPF] Shape 클래스 : StrokeDashArray/StrokeDashOffset 속성 사용하기

■ Shape 클래스의 StrokeDashArray/StrokeDashOffset 속성을 사용하는 방법을 보여준다.

▶ 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="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="20"   />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0"
            Margin="10">
            <Bold>StrokeDashArray</Bold> : 4,2<LineBreak />
            <Bold>StrokeDashOffset</Bold> : 0
        </TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="0"
            Width="150"
            Height="150"
            StrokeThickness="3"
            Stroke="Black"
            StrokeDashArray="4 2"
            StrokeDashOffset="0"
            Fill="RoyalBlue" />
        <TextBlock Grid.Row="0" Grid.Column="1"
            Margin="10">
            <Bold>StrokeDashArray</Bold> : 4,2<LineBreak />
            <Bold>StrokeDashOffset</Bold> : 1
        </TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="1"
            Width="150"
            Height="150"
            StrokeThickness="3"
            Stroke="Black"
            StrokeDashArray="4 2"
            StrokeDashOffset="1"
            Fill="RoyalBlue" />
        <TextBlock Grid.Row="0" Grid.Column="2"
            Margin="10">
            <Bold>StrokeDashArray</Bold> : 4,2<LineBreak />
            <Bold>StrokeDashOffset</Bold> : 2
        </TextBlock>
        <Rectangle Grid.Row="1" Grid.Column="2"
            Width="150"
            Height="150"
            StrokeThickness="3"
            Stroke="Black"
            StrokeDashArray="4 2"
            StrokeDashOffset="2"
            Fill="RoyalBlue" />
        <TextBlock Grid.Row="3" Grid.Column="0"
            Margin="10">
            <Bold>StrokeDashArray</Bold> : 4,1,4,3<LineBreak />
            <Bold>StrokeDashOffset</Bold> : 1
        </TextBlock>
        <Ellipse Grid.Row="4" Grid.Column="0"
            Width="150"
            Height="150"
            StrokeThickness="3"
            Stroke="Black"
            StrokeDashArray="4 1 4 3"
            StrokeDashOffset="1"
            Fill="RoyalBlue" />
        <TextBlock Grid.Row="3" Grid.Column="1"
            Margin="10">
            <Bold>StrokeDashArray</Bold> : 1,4,1,2<LineBreak />
            <Bold>StrokeDashOffset</Bold> : 1
        </TextBlock>
        <Ellipse Grid.Row="4" Grid.Column="1"
            Width="150"
            Height="150"
            StrokeThickness="3"
            Stroke="Black"
            StrokeDashArray="1 4 1 2"
            StrokeDashOffset="1"
            Fill="RoyalBlue" />
        <TextBlock Grid.Row="3" Grid.Column="2"
            Margin="10">
            <Bold>StrokeDashArray</Bold> : 1<LineBreak />
            <Bold>StrokeDashOffset</Bold> : 1
        </TextBlock>
        <Ellipse Grid.Row="4" Grid.Column="2"
            Width="150"
            Height="150"
            StrokeThickness="3"
            Stroke="Black"
            StrokeDashArray="1"
            StrokeDashOffset="1"
            Fill="RoyalBlue" />
    </Grid>
</Window>

100

101

102

103

104

105

106

<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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

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

Margin="10">

<Bold>StrokeDashArray</Bold> : 4,2<LineBreak />

<Bold>StrokeDashOffset</Bold> : 0

</TextBlock>

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

Width="150"

Height="150"

StrokeThickness="3"

Stroke="Black"

StrokeDashArray="4 2"

StrokeDashOffset="0"

Fill="RoyalBlue" />

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

Margin="10">

<Bold>StrokeDashArray</Bold> : 4,2<LineBreak />

<Bold>StrokeDashOffset</Bold> : 1

</TextBlock>

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

Width="150"

Height="150"

StrokeThickness="3"

Stroke="Black"

StrokeDashArray="4 2"

StrokeDashOffset="1"

Fill="RoyalBlue" />

<TextBlock Grid.Row="0" Grid.Column="2"

Margin="10">

<Bold>StrokeDashArray</Bold> : 4,2<LineBreak />

<Bold>StrokeDashOffset</Bold> : 2

</TextBlock>

<Rectangle Grid.Row="1" Grid.Column="2"

Width="150"

Height="150"

StrokeThickness="3"

Stroke="Black"

StrokeDashArray="4 2"

StrokeDashOffset="2"

Fill="RoyalBlue" />

<TextBlock Grid.Row="3" Grid.Column="0"

Margin="10">

<Bold>StrokeDashArray</Bold> : 4,1,4,3<LineBreak />

<Bold>StrokeDashOffset</Bold> : 1

</TextBlock>

<Ellipse Grid.Row="4" Grid.Column="0"

Width="150"

Height="150"

StrokeThickness="3"

Stroke="Black"

StrokeDashArray="4 1 4 3"

StrokeDashOffset="1"

Fill="RoyalBlue" />

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

Margin="10">

<Bold>StrokeDashArray</Bold> : 1,4,1,2<LineBreak />

<Bold>StrokeDashOffset</Bold> : 1

</TextBlock>

<Ellipse Grid.Row="4" Grid.Column="1"

Width="150"

Height="150"

StrokeThickness="3"

Stroke="Black"

StrokeDashArray="1 4 1 2"

StrokeDashOffset="1"

Fill="RoyalBlue" />

<TextBlock Grid.Row="3" Grid.Column="2"

Margin="10">

<Bold>StrokeDashArray</Bold> : 1<LineBreak />

<Bold>StrokeDashOffset</Bold> : 1

</TextBlock>

<Ellipse Grid.Row="4" Grid.Column="2"

Width="150"

Height="150"

StrokeThickness="3"

Stroke="Black"

StrokeDashArray="1"

StrokeDashOffset="1"

Fill="RoyalBlue" />

</Grid>

</Window>

TestProject.zip