[C#/WPF] InkCanvas 클래스 : DefaultDrawingAttributes 속성을 사용해 스트로크 모양 설정하기

■ InkCanvas 클래스의 DefaultDrawingAttributes 속성을 사용해 스트로크 모양을 설정하는 방법을 보여준다.

▶ 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"
    xmlns:ink="clr-namespace:System.Windows.Ink;assembly=PresentationCore"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <InkCanvas Name="inkCanvas"
            Background="Ivory">
            <InkCanvas.DefaultDrawingAttributes>
                <ink:DrawingAttributes
                    Color="Red"
                    Width="5" />
               </InkCanvas.DefaultDrawingAttributes>
        </InkCanvas>
        <StackPanel
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Margin="10"
            Orientation="Vertical">
            <Button Name="inkButton"
                HorizontalAlignment="Left"
                Width="100"
                Height="30"
                Content="잉크" />
            <Button Name="highlightButton"
                HorizontalAlignment="Left"
                Margin="0 10 0 0"
                Width="120"
                Height="30"
                Content="하이라이트" />
            <Button Name="eraseStrokeButton"
                HorizontalAlignment="Left"
                Margin="0 10 0 0"
                Width="150"
                Height="30"
                Content="스트로크 지우기" />
            <Button Name="selectButton"
                HorizontalAlignment="Left"
                Margin="0 10 0 0"
                Width="100"
                Height="30"
                Content="선택하기" />
        </StackPanel>
    </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"

xmlns:ink="clr-namespace:System.Windows.Ink;assembly=PresentationCore"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<InkCanvas Name="inkCanvas"

Background="Ivory">

<InkCanvas.DefaultDrawingAttributes>

<ink:DrawingAttributes

Color="Red"

Width="5" />

</InkCanvas.DefaultDrawingAttributes>

</InkCanvas>

<StackPanel

HorizontalAlignment="Left"

VerticalAlignment="Top"

Margin="10"

Orientation="Vertical">

<Button Name="inkButton"

HorizontalAlignment="Left"

Width="100"

Height="30"

Content="잉크" />

<Button Name="highlightButton"

HorizontalAlignment="Left"

Margin="0 10 0 0"

Width="120"

Height="30"

Content="하이라이트" />

<Button Name="eraseStrokeButton"

HorizontalAlignment="Left"

Margin="0 10 0 0"

Width="150"

Height="30"

Content="스트로크 지우기" />

<Button Name="selectButton"

HorizontalAlignment="Left"

Margin="0 10 0 0"

Width="100"

Height="30"

Content="선택하기" />

</StackPanel>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.inkButton.Click         += inkButton_Click;
            this.highlightButton.Click   += highlightButton_Click;
            this.eraseStrokeButton.Click += eraseStrokeButton_Click;
            this.selectButton.Click      += selectButton_Click;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 잉크 버튼 클릭시 처리하기 - inkButton_Click(sender, e)

        /// <summary>
        /// 잉크 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void inkButton_Click(object sender, RoutedEventArgs e)
        {
            this.inkCanvas.EditingMode = InkCanvasEditingMode.Ink;

            this.inkCanvas.DefaultDrawingAttributes.Height        = 2;
            this.inkCanvas.DefaultDrawingAttributes.Color         = Colors.Red;
            this.inkCanvas.DefaultDrawingAttributes.IsHighlighter = false;
        }

        #endregion
        #region 하이라이트 버튼 클릭시 처리하기 - highlightButton_Click(sender, e)

        /// <summary>
        /// 하이라이트 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void highlightButton_Click(object sender, RoutedEventArgs e)
        {
            this.inkCanvas.EditingMode = InkCanvasEditingMode.Ink;

            this.inkCanvas.DefaultDrawingAttributes.Height        = 25;
            this.inkCanvas.DefaultDrawingAttributes.Color         = Colors.Yellow;
            this.inkCanvas.DefaultDrawingAttributes.IsHighlighter = true;
        }

        #endregion
        #region 스트로크 지우기 버튼 클릭시 처리하기 - eraseStrokeButton_Click(sender, e)

        /// <summary>
        /// 스트로크 지우기 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void eraseStrokeButton_Click(object sender, RoutedEventArgs e)
        {
            this.inkCanvas.EditingMode = InkCanvasEditingMode.EraseByStroke;
        }

        #endregion
        #region 선택하기 버튼 클릭시 처리하기 - selectButton_Click(sender, e)

        /// <summary>
        /// 선택하기 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void selectButton_Click(object sender, RoutedEventArgs e)
        {
            this.inkCanvas.EditingMode = InkCanvasEditingMode.Select;
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.inkButton.Click += inkButton_Click;

this.highlightButton.Click += highlightButton_Click;

this.eraseStrokeButton.Click += eraseStrokeButton_Click;

this.selectButton.Click += selectButton_Click;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 잉크 버튼 클릭시 처리하기 - inkButton_Click(sender, e)

/// <summary>

/// 잉크 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void inkButton_Click(object sender, RoutedEventArgs e)

{

this.inkCanvas.EditingMode = InkCanvasEditingMode.Ink;

this.inkCanvas.DefaultDrawingAttributes.Height = 2;

this.inkCanvas.DefaultDrawingAttributes.Color = Colors.Red;

this.inkCanvas.DefaultDrawingAttributes.IsHighlighter = false;

}

#endregion

#region 하이라이트 버튼 클릭시 처리하기 - highlightButton_Click(sender, e)

/// <summary>

/// 하이라이트 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void highlightButton_Click(object sender, RoutedEventArgs e)

{

this.inkCanvas.EditingMode = InkCanvasEditingMode.Ink;

this.inkCanvas.DefaultDrawingAttributes.Height = 25;

this.inkCanvas.DefaultDrawingAttributes.Color = Colors.Yellow;

this.inkCanvas.DefaultDrawingAttributes.IsHighlighter = true;

}

#endregion

#region 스트로크 지우기 버튼 클릭시 처리하기 - eraseStrokeButton_Click(sender, e)

/// <summary>

/// 스트로크 지우기 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void eraseStrokeButton_Click(object sender, RoutedEventArgs e)

{

this.inkCanvas.EditingMode = InkCanvasEditingMode.EraseByStroke;

}

#endregion

#region 선택하기 버튼 클릭시 처리하기 - selectButton_Click(sender, e)

/// <summary>

/// 선택하기 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void selectButton_Click(object sender, RoutedEventArgs e)

{

this.inkCanvas.EditingMode = InkCanvasEditingMode.Select;

}

#endregion

}

TestProject.zip