[WPF] WPF 점선 그리기

참조

• https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.shapes.shape.strokedasharray?view=winrt-22000

소개

• 이번 포스팅에서는 WPF에서 점선을 표시하는 방법에 대해서 알려 드리려고 합니다.
• Shape.StrokeDashArray 속성을 이용하면 손쉽게 WPF에서 점선을 표현할 수 있습니다.
• Line 도형을 기준으로 점선을 표시해 보도록 하겠습니다.

예제코드

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="400" Width="400">
    <StackPanel>
        <StackPanel.Resources>
            <Style TargetType="Line">
                <Setter Property="X1" Value="0"/>
                <Setter Property="X2" Value="360"/>
                <Setter Property="Stroke" Value="Blue"/>
                <Setter Property="StrokeThickness" Value="3"/>
                <Setter Property="Margin" Value="12"/>
            </Style>
        </StackPanel.Resources>

        <Line StrokeDashArray="1"/>
        <Line StrokeDashArray="1, 1"/>
        <Line StrokeDashArray="1, 6"/>
        <Line StrokeDashArray="6, 1"/>
        <Line StrokeDashArray="0.25, 1"/>
        <Line StrokeDashArray="4 1 1 1 1 1"/>
        <Line StrokeDashArray="1 2 4"/>
        <Line StrokeDashArray="4 2 4"/>

        <Rectangle Height="60" Width="360" Stroke="Black" StrokeThickness="4"
             StrokeDashArray="1" HorizontalAlignment="Left" Margin="12"/>
    </StackPanel>
</Window>

실행 결과

• 다음과 같이 Line, Rectangle 도형들을 점선으로 표시되어 출력되었습니다.