[C#/WPF] InkCanvas 클래스 : 잉크 데이터에 커스텀 데이터 추가하기

■ InkCanvas 클래스의 잉크 데이터에 커스텀 데이터를 추가하는 방법을 보여준다.

▶ 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">
    <DockPanel>
        <StackPanel
            Background="DarkSlateBlue">
            <Button Name="setPenColorButton"
                Margin="10 10 10 0"
                Padding="10"
                Content="청색 펜 색상 사용" />
            <Button Name="changePenColorButton"
                Margin="10 10 10 10"
                Padding="10"
                Content="펜 색상 변경" />
        </StackPanel>
        <Border
            Margin="10"
            BorderThickness="1"
            BorderBrush="Black">
            <InkCanvas Name="inkCanvas" />
        </Border>
    </DockPanel>
</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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

Background="DarkSlateBlue">

<Button Name="setPenColorButton"

Margin="10 10 10 0"

Padding="10"

Content="청색 펜 색상 사용" />

<Button Name="changePenColorButton"

Margin="10 10 10 10"

Padding="10"

Content="펜 색상 변경" />

</StackPanel>

<Border

Margin="10"

BorderThickness="1"

BorderBrush="Black">

</Border>

</DockPanel>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Ink;
using System.Windows.Media;

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

        #region Field

        /// <summary>
        /// 펜 색상 GUID
        /// </summary>
        private Guid penColorGUID = new Guid("12345678-9012-3456-7890-123456789012");

        /// <summary>
        /// 적색 펜 색상 드로잉 어트리뷰트
        /// </summary>
        private DrawingAttributes redPenColorDrawingAttributes = new DrawingAttributes();

        /// <summary>
        /// 청색 펜 색상 드로잉 어트리뷰트
        /// </summary>
        private DrawingAttributes bluePenColorDrawingAttributes = new DrawingAttributes();

        /// <summary>
        /// 적색 펜 색상 문자열
        /// </summary>
        private string redPenColorString = "redPenColor";

        /// <summary>
        /// 청색 펜 색상 문자열
        /// </summary>
        private string bluePenColorString = "bluePenColor";

        /// <summary>
        /// 청색 펜 색상 사용 여부
        /// </summary>
        private bool useBluePenColor = false;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

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

            this.redPenColorDrawingAttributes.Color  = Colors.Red;
            this.redPenColorDrawingAttributes.Width  = 5;
            this.redPenColorDrawingAttributes.Height = 5;

            this.redPenColorDrawingAttributes.AddPropertyData(penColorGUID, redPenColorString);

            this.bluePenColorDrawingAttributes.Color  = Colors.Blue;
            this.bluePenColorDrawingAttributes.Width  = 5;
            this.bluePenColorDrawingAttributes.Height = 5;

            this.bluePenColorDrawingAttributes.AddPropertyData(penColorGUID, bluePenColorString);

            this.inkCanvas.DefaultDrawingAttributes = this.redPenColorDrawingAttributes;

            this.setPenColorButton.Click    += setPenColorButton_click;
            this.changePenColorButton.Click += changePenColorButton_click;
        }

        #endregion

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

        #region 펜 색상 설정 버튼 클릭시 처리하기 - setPenColorButton_click(sender, e)

        /// <summary>
        /// 펜 색상 설정 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void setPenColorButton_click(object sender, RoutedEventArgs e)
        {
            this.useBluePenColor = !this.useBluePenColor;

            if(this.useBluePenColor)
            {
                this.setPenColorButton.Content = "적색 펜색 색상 사용";

                this.inkCanvas.DefaultDrawingAttributes = this.bluePenColorDrawingAttributes;
            }
            else
            {
                this.setPenColorButton.Content = "청색 펜색 색상 사용";

                this.inkCanvas.DefaultDrawingAttributes = this.redPenColorDrawingAttributes;
            }
        }

        #endregion
        #region 펜 색상 변경하기 버튼 클릭시 처리하기 - changePenColorButton_click(sender, e)

        /// <summary>
        /// 펜 색상 변경하기 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void changePenColorButton_click(object sender, RoutedEventArgs e)
        {
            foreach(Stroke stroke in this.inkCanvas.Strokes)
            {
                if(stroke.DrawingAttributes.ContainsPropertyData(penColorGUID))
                {
                    object data = stroke.DrawingAttributes.GetPropertyData(penColorGUID);

                    if((data is string) && ((string)data == redPenColorString))
                    {
                        stroke.DrawingAttributes.Color = Colors.Black;
                    }

                    if((data is string) && ((string)data == bluePenColorString))
                    {
                        stroke.DrawingAttributes.Color = Colors.Green;
                    }
                }
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

using System;

using System.Windows;

using System.Windows.Ink;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region Field

/// <summary>

/// 펜 색상 GUID

/// </summary>

private Guid penColorGUID = new Guid("12345678-9012-3456-7890-123456789012");

/// <summary>

/// 적색 펜 색상 드로잉 어트리뷰트

/// </summary>

private DrawingAttributes redPenColorDrawingAttributes = new DrawingAttributes();

/// <summary>

/// 청색 펜 색상 드로잉 어트리뷰트

/// </summary>

private DrawingAttributes bluePenColorDrawingAttributes = new DrawingAttributes();

/// <summary>

/// 적색 펜 색상 문자열

/// </summary>

private string redPenColorString = "redPenColor";

/// <summary>

/// 청색 펜 색상 문자열

/// </summary>

private string bluePenColorString = "bluePenColor";

/// <summary>

/// 청색 펜 색상 사용 여부

/// </summary>

private bool useBluePenColor = false;

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.redPenColorDrawingAttributes.Color = Colors.Red;

this.redPenColorDrawingAttributes.Width = 5;

this.redPenColorDrawingAttributes.Height = 5;

this.redPenColorDrawingAttributes.AddPropertyData(penColorGUID, redPenColorString);

this.bluePenColorDrawingAttributes.Color = Colors.Blue;

this.bluePenColorDrawingAttributes.Width = 5;

this.bluePenColorDrawingAttributes.Height = 5;

this.bluePenColorDrawingAttributes.AddPropertyData(penColorGUID, bluePenColorString);

this.inkCanvas.DefaultDrawingAttributes = this.redPenColorDrawingAttributes;

this.setPenColorButton.Click += setPenColorButton_click;

this.changePenColorButton.Click += changePenColorButton_click;

}

#endregion

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

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

#region 펜 색상 설정 버튼 클릭시 처리하기 - setPenColorButton_click(sender, e)

/// <summary>

/// 펜 색상 설정 버튼 클릭시 처리하기

/// </summary>

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

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

private void setPenColorButton_click(object sender, RoutedEventArgs e)

{

this.useBluePenColor = !this.useBluePenColor;

if(this.useBluePenColor)

{

this.setPenColorButton.Content = "적색 펜색 색상 사용";

this.inkCanvas.DefaultDrawingAttributes = this.bluePenColorDrawingAttributes;

}

else

{

this.setPenColorButton.Content = "청색 펜색 색상 사용";

this.inkCanvas.DefaultDrawingAttributes = this.redPenColorDrawingAttributes;

}

#endregion

#region 펜 색상 변경하기 버튼 클릭시 처리하기 - changePenColorButton_click(sender, e)

/// <summary>

/// 펜 색상 변경하기 버튼 클릭시 처리하기

/// </summary>

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

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

private void changePenColorButton_click(object sender, RoutedEventArgs e)

{

foreach(Stroke stroke in this.inkCanvas.Strokes)

{

if(stroke.DrawingAttributes.ContainsPropertyData(penColorGUID))

{

object data = stroke.DrawingAttributes.GetPropertyData(penColorGUID);

if((data is string) && ((string)data == redPenColorString))

{

stroke.DrawingAttributes.Color = Colors.Black;

}

if((data is string) && ((string)data == bluePenColorString))

{

stroke.DrawingAttributes.Color = Colors.Green;

}

#endregion

}

TestProject.zip