DIAGRAM Archives - icodebroker

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : CustomGetEditableItemProperties 이벤트를 사용해 속성 패널에서 속성 제거하기

■ DiagramControl 클래스의 CustomGetEditableItemProperties 이벤트를 사용해 속성 패널에서 속성을 제거하는 방법을 보여준다. ▶ MainForm.cs


using DevExpress.XtraEditors;
using DevExpress.XtraDiagram;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.CustomGetEditableItemProperties += diagramControl_CustomGetEditableItemProperties;
        }

        #endregion

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

        #region 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기 - diagramControl_CustomGetEditableItemProperties(sender, e)

        /// <summary>
        /// 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void diagramControl_CustomGetEditableItemProperties(object sender, DiagramCustomGetEditableItemPropertiesEventArgs e)
        {
            if(e.Item is DiagramShape)
            {
                e.Properties.Remove(e.Properties["Content"]);
            }
        }

        #endregion
    }
}

using DevExpress.XtraEditors;

using DevExpress.XtraDiagram;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.CustomGetEditableItemProperties += diagramControl_CustomGetEditableItemProperties;

}

#endregion

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

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

#region 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기 - diagramControl_CustomGetEditableItemProperties(sender, e)

/// <summary>

/// 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기

/// </summary>

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

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

private void diagramControl_CustomGetEditableItemProperties(object sender, DiagramCustomGetEditableItemPropertiesEventArgs e)

{

if(e.Item is DiagramShape)

{

e.Properties.Remove(e.Properties["Content"]);

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : CustomGetEditableItemProperties 이벤트를 사용해 속성 패널에 바인딩 데이터 소스 속성 추가하기

■ DiagramControl 클래스의 CustomGetEditableItemProperties 이벤트를 사용해 속성 패널에 바인딩 데이터 소스 속성을 추가하는 방법을 보여준다. ▶ MainForm.cs


using System.ComponentModel;
using System.Collections.Generic;

using DevExpress.Diagram.Core;
using DevExpress.XtraEditors;
using DevExpress.XtraDiagram;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            #region 항목 리스트를 설정한다.

            List<Item> itemList = new List<Item>();

            for(int i = 0; i < 5; i++)
            {
                itemList.Add(new Item { ID = i, Name = "Item " + i });
            }

            #endregion
            #region 링크 리스트를 설정한다.

            List<Link> linkList = new List<Link>();

            for(int i = 0; i < 4; i++)
            {
                linkList.Add(new Link { From = itemList[i].ID, To = itemList[i + 1].ID });
            }

            linkList.Add(new Link { From = itemList[4].ID, To = itemList[0].ID });

            #endregion
            #region 다이어그램 데이터 바인딩 컨트롤러를 설정한다.

            DiagramDataBindingController diagramDataBindingController = new DiagramDataBindingController();

            diagramDataBindingController.DataSource          = itemList;
            diagramDataBindingController.KeyMember           = "ID";
            diagramDataBindingController.ConnectorsSource    = linkList;
            diagramDataBindingController.ConnectorFromMember = "From";
            diagramDataBindingController.ConnectorToMember   = "To";
            diagramDataBindingController.LayoutKind          = DiagramLayoutKind.Circular;

            #endregion

            diagramDataBindingController.GenerateItem           += diagramDataBindingController_GenerateItem;
            this.diagramControl.CustomGetEditableItemProperties += diagramControl_CustomGetEditableItemProperties;

            diagramDataBindingController.Diagram = this.diagramControl;

            this.diagramControl.FitToDrawing();


        }

        #endregion

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

        #region 다이어그램 데이터 바인딩 컨트롤러 항목 생성시 처리하기 - diagramDataBindingController_GenerateItem(sender, e)

        /// <summary>
        /// 다이어그램 데이터 바인딩 컨트롤러 항목 생성시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void diagramDataBindingController_GenerateItem(object sender, DiagramGenerateItemEventArgs e)
        {
            DiagramShape item = new DiagramShape
            {
                X      = 20,
                Width  = 75,
                Height = 50,
                Shape  = BasicShapes.Rectangle
            };

            item.Bindings.Add(new DiagramBinding("Content", "Name"));

            e.Item = item;
        }

        #endregion
        #region 다이어그램 편집 가능한 항목 속성 커스텀 구하기 - diagramControl_CustomGetEditableItemProperties(sender, e)

        /// <summary>
        /// 다이어그램 편집 가능한 항목 속성 커스텀 구하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void diagramControl_CustomGetEditableItemProperties(object sender, DiagramCustomGetEditableItemPropertiesEventArgs e)
        {
            if(e.Item is DiagramShape)
            {
                PropertyDescriptor namePropertyDescriptor = e.CreateProxyProperty
                (
                    "ID",
                    item => ((Item)item.DataContext).Name,
                    (item, value) => ((Item)item.DataContext).Name = value
                );

                e.Properties.Add(namePropertyDescriptor);
            }
        }

        #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

using System.ComponentModel;

using System.Collections.Generic;

using DevExpress.Diagram.Core;

using DevExpress.XtraEditors;

using DevExpress.XtraDiagram;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 항목 리스트를 설정한다.

List<Item> itemList = new List<Item>();

for(int i = 0; i < 5; i++)

{

itemList.Add(new Item { ID = i, Name = "Item " + i });

}

#endregion

#region 링크 리스트를 설정한다.

List<Link> linkList = new List<Link>();

for(int i = 0; i < 4; i++)

{

linkList.Add(new Link { From = itemList[i].ID, To = itemList[i + 1].ID });

}

linkList.Add(new Link { From = itemList[4].ID, To = itemList[0].ID });

#endregion

#region 다이어그램 데이터 바인딩 컨트롤러를 설정한다.

DiagramDataBindingController diagramDataBindingController = new DiagramDataBindingController();

diagramDataBindingController.DataSource = itemList;

diagramDataBindingController.KeyMember = "ID";

diagramDataBindingController.ConnectorsSource = linkList;

diagramDataBindingController.ConnectorFromMember = "From";

diagramDataBindingController.ConnectorToMember = "To";

diagramDataBindingController.LayoutKind = DiagramLayoutKind.Circular;

#endregion

diagramDataBindingController.GenerateItem += diagramDataBindingController_GenerateItem;

this.diagramControl.CustomGetEditableItemProperties += diagramControl_CustomGetEditableItemProperties;

diagramDataBindingController.Diagram = this.diagramControl;

this.diagramControl.FitToDrawing();

}

#endregion

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

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

#region 다이어그램 데이터 바인딩 컨트롤러 항목 생성시 처리하기 - diagramDataBindingController_GenerateItem(sender, e)

/// <summary>

/// 다이어그램 데이터 바인딩 컨트롤러 항목 생성시 처리하기

/// </summary>

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

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

private void diagramDataBindingController_GenerateItem(object sender, DiagramGenerateItemEventArgs e)

{

DiagramShape item = new DiagramShape

{

X = 20,

Width = 75,

Height = 50,

Shape = BasicShapes.Rectangle

};

item.Bindings.Add(new DiagramBinding("Content", "Name"));

e.Item = item;

}

#endregion

#region 다이어그램 편집 가능한 항목 속성 커스텀 구하기 - diagramControl_CustomGetEditableItemProperties(sender, e)

/// <summary>

/// 다이어그램 편집 가능한 항목 속성 커스텀 구하기

/// </summary>

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

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

private void diagramControl_CustomGetEditableItemProperties(object sender, DiagramCustomGetEditableItemPropertiesEventArgs e)

{

if(e.Item is DiagramShape)

{

PropertyDescriptor namePropertyDescriptor = e.CreateProxyProperty

(

"ID",

item => ((Item)item.DataContext).Name,

(item, value) => ((Item)item.DataContext).Name = value

);

e.Properties.Add(namePropertyDescriptor);

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : CustomGetEditableItemProperties 이벤트를 사용해 속성 패널에 파생 도형 속성 추가하기

■ DiagramControl 클래스의 CustomGetEditableItemProperties 이벤트를 사용해 속성 패널에 파생 도형 속성을 추가하는 방법을 보여준다. ▶ CustomDiagramShape.cs


using DevExpress.Utils.Serializing;
using DevExpress.XtraDiagram;

namespace TestProject
{
    /// <summary>
    /// 커스텀 다이어그램 도형
    /// </summary>
    public class CustomDiagramShape : DiagramShape
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 데이터베이스 객체 ID - DatabaseObjectID

        /// <summary>
        /// 데이터베이스 객체 ID
        /// </summary>
        [XtraSerializableProperty]
        public int DatabaseObjectID { get; set; }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Static

        #region 생성자 - CustomDiagramShape()

        /// <summary>
        /// 생성자
        /// </summary>
        static CustomDiagramShape()
        {
            DiagramControl.ItemTypeRegistrator.Register(typeof(CustomDiagramShape));
        }

        #endregion
    }
}

using DevExpress.Utils.Serializing;

using DevExpress.XtraDiagram;

namespace TestProject

{

/// <summary>

/// 커스텀 다이어그램 도형

/// </summary>

public class CustomDiagramShape : DiagramShape

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 데이터베이스 객체 ID - DatabaseObjectID

/// <summary>

/// 데이터베이스 객체 ID

/// </summary>

[XtraSerializableProperty]

public int DatabaseObjectID { get; set; }

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Static

#region 생성자 - CustomDiagramShape()

/// <summary>

/// 생성자

/// </summary>

static CustomDiagramShape()

{

DiagramControl.ItemTypeRegistrator.Register(typeof(CustomDiagramShape));

}

#endregion

}

▶ MainForm.cs


using System.ComponentModel;
using System.Drawing;

using DevExpress.Diagram.Core;
using DevExpress.Utils;
using DevExpress.XtraEditors;
using DevExpress.XtraDiagram;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            DiagramStencil stencil = new DiagramStencil("CustomStencil", "Custom Shapes");

            FactoryItemTool itemTool = new FactoryItemTool
            (
                "CustomShape",
                () => "Custom Shape",
                diagram =>
                {
                    CustomDiagramShape customShape = new CustomDiagramShape()
                    {
                        Width  = 100,
                        Height = 50
                    };

                    return customShape;
                },
                new System.Windows.Size(100, 50),
                false
            );

            stencil.RegisterTool(itemTool);

            DiagramToolboxRegistrator.RegisterStencil(stencil);

            this.diagramControl.SelectedStencils = new StencilCollection("CustomStencil");

            CustomDiagramShape shape = new CustomDiagramShape();

            shape.Size             = new SizeF(100f, 100f);
            shape.Position         = new PointFloat(250f, 100f);
            shape.Content          = "도형";
            shape.DatabaseObjectID = 10;

            this.diagramControl.Items.Add(shape);

            this.diagramControl.CustomGetEditableItemProperties += diagramControl_CustomGetEditableItemProperties;
        }

        #endregion

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

        #region 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기 - diagramControl_CustomGetEditableItemProperties(sender, e)

        /// <summary>
        /// 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void diagramControl_CustomGetEditableItemProperties(object sender, DiagramCustomGetEditableItemPropertiesEventArgs e)
        {
            if(e.Item is CustomDiagramShape)
            {
                e.Properties.Add(TypeDescriptor.GetProperties(typeof(CustomDiagramShape))["DatabaseObjectID"]);
            }
        }

        #endregion
    }
}

using System.ComponentModel;

using System.Drawing;

using DevExpress.Diagram.Core;

using DevExpress.Utils;

using DevExpress.XtraEditors;

using DevExpress.XtraDiagram;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

DiagramStencil stencil = new DiagramStencil("CustomStencil", "Custom Shapes");

FactoryItemTool itemTool = new FactoryItemTool

(

"CustomShape",

() => "Custom Shape",

diagram =>

{

CustomDiagramShape customShape = new CustomDiagramShape()

{

Width = 100,

Height = 50

};

return customShape;

new System.Windows.Size(100, 50),

false

);

stencil.RegisterTool(itemTool);

DiagramToolboxRegistrator.RegisterStencil(stencil);

this.diagramControl.SelectedStencils = new StencilCollection("CustomStencil");

CustomDiagramShape shape = new CustomDiagramShape();

shape.Size = new SizeF(100f, 100f);

shape.Position = new PointFloat(250f, 100f);

shape.Content = "도형";

shape.DatabaseObjectID = 10;

this.diagramControl.Items.Add(shape);

this.diagramControl.CustomGetEditableItemProperties += diagramControl_CustomGetEditableItemProperties;

}

#endregion

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

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

#region 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기 - diagramControl_CustomGetEditableItemProperties(sender, e)

/// <summary>

/// 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기

/// </summary>

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

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

private void diagramControl_CustomGetEditableItemProperties(object sender, DiagramCustomGetEditableItemPropertiesEventArgs e)

{

if(e.Item is CustomDiagramShape)

{

e.Properties.Add(TypeDescriptor.GetProperties(typeof(CustomDiagramShape))["DatabaseObjectID"]);

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : CustomGetEditableItemProperties 이벤트를 사용해 속성 패널에 속성 추가하기

■ DiagramControl 클래스의 CustomGetEditableItemProperties 이벤트를 사용해 속성 패널에 속성을 추가하는 방법을 보여준다. ▶ MainForm.cs


using System.ComponentModel;

using DevExpress.XtraEditors;
using DevExpress.XtraDiagram;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.CustomGetEditableItemProperties += diagramControl_CustomGetEditableItemProperties;
        }

        #endregion

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

        #region 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기 - diagramControl_CustomGetEditableItemProperties(sender, e)

        /// <summary>
        /// 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void diagramControl_CustomGetEditableItemProperties(object sender, DiagramCustomGetEditableItemPropertiesEventArgs e)
        {
            if(e.Item is DiagramShape)
            {
                e.Properties.Add(TypeDescriptor.GetProperties(typeof(DiagramShape))["CanSnapToThisItem"]);
            }
        }

        #endregion
    }
}

using System.ComponentModel;

using DevExpress.XtraEditors;

using DevExpress.XtraDiagram;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.CustomGetEditableItemProperties += diagramControl_CustomGetEditableItemProperties;

}

#endregion

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

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

#region 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기 - diagramControl_CustomGetEditableItemProperties(sender, e)

/// <summary>

/// 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기

/// </summary>

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

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

private void diagramControl_CustomGetEditableItemProperties(object sender, DiagramCustomGetEditableItemPropertiesEventArgs e)

{

if(e.Item is DiagramShape)

{

e.Properties.Add(TypeDescriptor.GetProperties(typeof(DiagramShape))["CanSnapToThisItem"]);

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramStencil 클래스 : RegisterTool 메소드를 사용해 스텐실에 커스텀 다이어그램 항목 추가하기

■ DiagramStencil 클래스의 RegisterTool 메소드를 사용해 스텐실에 커스텀 다이어그램 항목을 추가하는 방법을 보여준다. ▶ Status.cs


namespace TestProject
{
    /// <summary>
    /// 상태
    /// </summary>
    public enum Status
    {
        /// <summary>
        /// 활성
        /// </summary>
        Active,

        /// <summary>
        /// 비활성
        /// </summary>
        Inactive
    }
}

namespace TestProject

{

/// <summary>

/// 상태

/// </summary>

public enum Status

{

/// <summary>

/// 활성

/// </summary>

Active,

/// <summary>

/// 비활성

/// </summary>

Inactive

}

▶ CustomDiagramShape.cs


using System.ComponentModel;

using DevExpress.Utils.Serializing;
using DevExpress.XtraDiagram;

namespace TestProject
{
    /// <summary>
    /// 커스텀 다이어그램 도형
    /// </summary>
    public class CustomDiagramShape : DiagramShape
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 상태 - Status

        /// <summary>
        /// 상태
        /// </summary>
        [Category("Info")]
        [XtraSerializableProperty]
        public Status Status { get; set; }

        #endregion
    }
}

using System.ComponentModel;

using DevExpress.Utils.Serializing;

using DevExpress.XtraDiagram;

namespace TestProject

{

/// <summary>

/// 커스텀 다이어그램 도형

/// </summary>

public class CustomDiagramShape : DiagramShape

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 상태 - Status

/// <summary>

/// 상태

/// </summary>

[Category("Info")]

[XtraSerializableProperty]

public Status Status { get; set; }

#endregion

}

▶ MainForm.cs


using System.Drawing;

using DevExpress.Diagram.Core;
using DevExpress.Utils;
using DevExpress.XtraEditors;
using DevExpress.XtraDiagram;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            DiagramControl.ItemTypeRegistrator.Register(typeof(CustomDiagramShape));

            DiagramStencil stencil = new DiagramStencil("customShapes", "Custom Shapes");

            stencil.RegisterTool
            (
                new FactoryItemTool
                (
                    "activeTaskShape",
                    () => "Active Task",
                    diagram => new CustomDiagramShape { Content = "Active Task", Status = Status.Active },
                    new System.Windows.Size(150, 100),
                    false
                )
            );

            stencil.RegisterTool
            (
                new FactoryItemTool
                (
                    "inactiveTaskShape",
                    () => "Inactive Task",
                    diagram => new CustomDiagramShape { Content = "Inactive Task", Status = Status.Inactive },
                    new System.Windows.Size(150, 100),
                    false
                )
            );

            DiagramToolboxRegistrator.RegisterStencil(stencil);

            this.diagramControl.OptionsBehavior.SelectedStencils = StencilCollection.Parse("customShapes");

            CustomDiagramShape shape = new CustomDiagramShape();

            shape.Size                   = new SizeF(100F, 100F);
            shape.Position               = new PointFloat(300f, 300f);
            shape.Appearance.BorderSize  = 4;
            shape.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);
            shape.Appearance.BackColor   = Color.White;
            shape.Appearance.Font        = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            shape.Appearance.ForeColor   = Color.FromArgb(128, 0, 0, 0);
            shape.Content                = "도형";
            shape.Status                 = Status.Active;

            this.diagramControl.Items.Add(shape);
        }

        #endregion
    }
}

using System.Drawing;

using DevExpress.Diagram.Core;

using DevExpress.Utils;

using DevExpress.XtraEditors;

using DevExpress.XtraDiagram;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

DiagramControl.ItemTypeRegistrator.Register(typeof(CustomDiagramShape));

DiagramStencil stencil = new DiagramStencil("customShapes", "Custom Shapes");

stencil.RegisterTool

(

new FactoryItemTool

(

"activeTaskShape",

() => "Active Task",

diagram => new CustomDiagramShape { Content = "Active Task", Status = Status.Active },

new System.Windows.Size(150, 100),

false

)

);

stencil.RegisterTool

(

new FactoryItemTool

(

"inactiveTaskShape",

() => "Inactive Task",

diagram => new CustomDiagramShape { Content = "Inactive Task", Status = Status.Inactive },

new System.Windows.Size(150, 100),

false

)

);

DiagramToolboxRegistrator.RegisterStencil(stencil);

this.diagramControl.OptionsBehavior.SelectedStencils = StencilCollection.Parse("customShapes");

CustomDiagramShape shape = new CustomDiagramShape();

shape.Size = new SizeF(100F, 100F);

shape.Position = new PointFloat(300f, 300f);

shape.Appearance.BorderSize = 4;

shape.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

shape.Appearance.BackColor = Color.White;

shape.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

shape.Appearance.ForeColor = Color.FromArgb(128, 0, 0, 0);

shape.Content = "도형";

shape.Status = Status.Active;

this.diagramControl.Items.Add(shape);

}

#endregion

}

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : 커스텀 다이어그램 컨테이너 생성하기

■ DiagramControl 클래스를 사용해 커스텀 다이어그램 컨테이너를 생성하는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Linq;
using System.IO;
using System.Reflection;

using DevExpress.Diagram.Core;
using DevExpress.XtraBars.Ribbon;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : RibbonForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 컨테이너 도형 설명 배열
        /// </summary>
        private static readonly ContainerShapeDescription[] _containerShapeDescriptionArray;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Static

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        static MainForm()
        {
            using(Stream stream = Assembly.GetExecutingAssembly().GetManifestResourceStream("TestProject.CustomContainer.xml"))
            {
                _containerShapeDescriptionArray = ShapeDescriptions.LoadDescriptionsFromXml(stream)
                    .OfType<ContainerShapeDescription>().ToArray();
            }

            DiagramContainerGalleryRegistrator.RegisterContainerShapes(_containerShapeDescriptionArray);
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Instance
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            DiagramStencil stencil = DiagramStencil.Create
            (
                "CustomContainers",
                "Custom Containers",
                _containerShapeDescriptionArray
            );

            this.diagramControl.OptionsBehavior.Stencils = new DiagramStencilCollection
            (
                DiagramToolboxRegistrator.Stencils.Concat(new[] { stencil })
            );

            this.diagramControl.SelectedStencils = new StencilCollection("CustomContainers", BasicShapes.StencilId);
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 로드시 처리하기 - OnLoad(e)

        /// <summary>
        /// 로드시 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            this.diagramControl.InitializeRibbon(this.ribbonControl);
        }

        #endregion
    }
}

using System;

using System.Linq;

using System.IO;

using System.Reflection;

using DevExpress.Diagram.Core;

using DevExpress.XtraBars.Ribbon;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : RibbonForm

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region Field

/// <summary>

/// 컨테이너 도형 설명 배열

/// </summary>

private static readonly ContainerShapeDescription[] _containerShapeDescriptionArray;

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Static

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

static MainForm()

{

using(Stream stream = Assembly.GetExecutingAssembly().GetManifestResourceStream("TestProject.CustomContainer.xml"))

{

_containerShapeDescriptionArray = ShapeDescriptions.LoadDescriptionsFromXml(stream)

.OfType<ContainerShapeDescription>().ToArray();

}

DiagramContainerGalleryRegistrator.RegisterContainerShapes(_containerShapeDescriptionArray);

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

DiagramStencil stencil = DiagramStencil.Create

(

"CustomContainers",

"Custom Containers",

_containerShapeDescriptionArray

);

this.diagramControl.OptionsBehavior.Stencils = new DiagramStencilCollection

(

DiagramToolboxRegistrator.Stencils.Concat(new[] { stencil })

);

this.diagramControl.SelectedStencils = new StencilCollection("CustomContainers", BasicShapes.StencilId);

}

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 로드시 처리하기 - OnLoad(e)

/// <summary>

/// 로드시 처리하기

/// </summary>

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

protected override void OnLoad(EventArgs e)

{

base.OnLoad(e);

this.diagramControl.InitializeRibbon(this.ribbonControl);

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : 파생 도형 생성하기/직렬화 하기

■ DiagramControl 클래스를 사용해 파생 도형을 생성하고 직렬화하는 방법을 보여준다. ▶ CustomDiagramShape.cs


using DevExpress.Utils.Serializing;
using DevExpress.XtraDiagram;

namespace TestProject
{
    /// <summary>
    /// 커스텀 다이어그램 도형
    /// </summary>
    public class CustomDiagramShape : DiagramShape
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 데이터베이스 객체 ID - DatabaseObjectID

        /// <summary>
        /// 데이터베이스 객체 ID
        /// </summary>
        [XtraSerializableProperty]
        public int DatabaseObjectID { get; set; }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Static

        #region 생성자 - CustomDiagramShape()

        /// <summary>
        /// 생성자
        /// </summary>
        static CustomDiagramShape()
        {
            DiagramControl.ItemTypeRegistrator.Register(typeof(CustomDiagramShape));
        }

        #endregion
    }
}

using DevExpress.Utils.Serializing;

using DevExpress.XtraDiagram;

namespace TestProject

{

/// <summary>

/// 커스텀 다이어그램 도형

/// </summary>

public class CustomDiagramShape : DiagramShape

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 데이터베이스 객체 ID - DatabaseObjectID

/// <summary>

/// 데이터베이스 객체 ID

/// </summary>

[XtraSerializableProperty]

public int DatabaseObjectID { get; set; }

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Static

#region 생성자 - CustomDiagramShape()

/// <summary>

/// 생성자

/// </summary>

static CustomDiagramShape()

{

DiagramControl.ItemTypeRegistrator.Register(typeof(CustomDiagramShape));

}

#endregion

}

▶ DataObject.cs


namespace TestProject
{
    /// <summary>
    /// 데이터 객체
    /// </summary>
    public class DataObject
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region ID - ID

        /// <summary>
        /// ID
        /// </summary>
        public int ID { get; set; }

        #endregion
        #region 부모 ID - ParentID

        /// <summary>
        /// 부모 ID
        /// </summary>
        public int ParentID { get; set; }

        #endregion
        #region 컨텐트 - Content

        /// <summary>
        /// 컨텐트
        /// </summary>
        public string Content { get; set; }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 데이터 객체

/// </summary>

public class DataObject

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region ID - ID

/// <summary>

/// ID

/// </summary>

public int ID { get; set; }

#endregion

#region 부모 ID - ParentID

/// <summary>

/// 부모 ID

/// </summary>

public int ParentID { get; set; }

#endregion

#region 컨텐트 - Content

/// <summary>

/// 컨텐트

/// </summary>

public string Content { get; set; }

#endregion

}

▶ MainForm.cs


using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.IO;
using System.Linq;

using DevExpress.Diagram.Core;
using DevExpress.XtraEditors;
using DevExpress.XtraDiagram;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 다이어그램 파일명
        /// </summary>
        private const string DIAGRAM_FILE_NAME = "diagram.xml";

        /// <summary>
        /// 데이터 객체 리스트
        /// </summary>
        private List<DataObject> dataObjectList = new List<DataObject>();

        #endregion

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

        #region 생성자 - MainForm()

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

            DiagramStencil stencil = new DiagramStencil("CustomStencil", "Custom Shapes");

            FactoryItemTool itemTool = new FactoryItemTool
            (
                "CustomShape",
                () => "Custom Shape",
                diagram =>
                {
                    CustomDiagramShape customShape = new CustomDiagramShape()
                    {
                        Width  = 100,
                        Height = 50
                    };

                    return customShape;
                },
                new System.Windows.Size(100, 50),
                false
            );

            stencil.RegisterTool(itemTool);

            DiagramToolboxRegistrator.RegisterStencil(stencil);

            DiagramControl.ItemTypeRegistrator.Register(typeof(CustomDiagramShape));

            this.dataObjectList.Add(new DataObject { ID = 1, ParentID = 0, Content = "Node 1"   });
            this.dataObjectList.Add(new DataObject { ID = 0,               Content = "Start"    });
            this.dataObjectList.Add(new DataObject { ID = 2, ParentID = 1, Content = "Node 1_1" });
            this.dataObjectList.Add(new DataObject { ID = 3, ParentID = 0, Content = "Node 2"   });
            this.dataObjectList.Add(new DataObject { ID = 4, ParentID = 3, Content = "Node 2_1" });

            this.diagramControl.CustomGetEditableItemProperties += diagramControl_CustomGetEditableItemProperties;
            this.diagramControl.ShowingEditor                   += diagramControl_ShowingEditor;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 로드시 처리하기 - OnLoad(e)

        /// <summary>
        /// 로드시 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            if(!File.Exists(DIAGRAM_FILE_NAME))
            {
                CreateDiagram();
            }
            else
            {
                LoadDiagram();
            }
        }

        #endregion
        #region 닫을 경우 처리하기 - OnClosing(e)

        /// <summary>
        /// 닫을 경우 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        protected override void OnClosing(CancelEventArgs e)
        {
            base.OnClosing(e);

            this.diagramControl.SaveDocument(DIAGRAM_FILE_NAME);
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기 - diagramControl_CustomGetEditableItemProperties(sender, e)

        /// <summary>
        /// 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void diagramControl_CustomGetEditableItemProperties(object sender, DiagramCustomGetEditableItemPropertiesEventArgs e)
        {
            if(e.Item is CustomDiagramShape)
            {
                e.Properties.Add(TypeDescriptor.GetProperties(typeof(CustomDiagramShape))["DatabaseObjectID"]);
            }
        }

        #endregion
        #region 다이어그램 컨트롤 에디터 표시시 처리하기 - diagramControl_ShowingEditor(sender, e)

        /// <summary>
        /// 다이어그램 컨트롤 에디터 표시시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void diagramControl_ShowingEditor(object sender, DiagramShowingEditorEventArgs e)
        {
            e.Cancel = true;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 다이어그램 생성하기 - CreateDiagram()

        /// <summary>
        /// 다이어그램 생성하기
        /// </summary>
        private void CreateDiagram()
        {
            foreach(DataObject dataObject in this.dataObjectList)
            {
                CustomDiagramShape shape = new CustomDiagramShape
                {
                    Shape            = BasicShapes.Rectangle,
                    Size             = new Size(150, 100),
                    DatabaseObjectID = dataObject.ID,
                    Content          = dataObject.Content
                };

                this.diagramControl.Items.Add(shape);

                if(dataObject.ParentID != dataObject.ID)
                {
                    diagramControl.Items.Add
                    (
                        new DiagramConnector
                        {
                            BeginItem = diagramControl.Items.First
                            (
                                x => x is CustomDiagramShape && ((CustomDiagramShape)x).DatabaseObjectID == dataObject.ParentID
                            ),
                            EndItem = shape
                        }
                    );
                }
            }

            this.diagramControl.ApplyTreeLayout(Direction.Right);
        }

        #endregion
        #region 다이어그램 로드하기 - LoadDiagram()

        /// <summary>
        /// 다이어그램 로드하기
        /// </summary>
        private void LoadDiagram()
        {
            try
            {
                this.diagramControl.LoadDocument(DIAGRAM_FILE_NAME);

                foreach(DiagramItem item in diagramControl.Items)
                {
                    CustomDiagramShape shape = item as CustomDiagramShape;

                    DataObject dataObject;

                    if(shape != null)
                    {
                        dataObject = this.dataObjectList.FirstOrDefault(x => x.ID == shape.DatabaseObjectID);

                        shape.Content = (dataObject == null) ? null : dataObject.Content;
                    }
                }
            }
            catch
            {
                CreateDiagram();
            }
        }

        #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

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Drawing;

using System.IO;

using System.Linq;

using DevExpress.Diagram.Core;

using DevExpress.XtraEditors;

using DevExpress.XtraDiagram;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

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

#region Field

/// <summary>

/// 다이어그램 파일명

/// </summary>

private const string DIAGRAM_FILE_NAME = "diagram.xml";

/// <summary>

/// 데이터 객체 리스트

/// </summary>

private List<DataObject> dataObjectList = new List<DataObject>();

#endregion

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

DiagramStencil stencil = new DiagramStencil("CustomStencil", "Custom Shapes");

FactoryItemTool itemTool = new FactoryItemTool

(

"CustomShape",

() => "Custom Shape",

diagram =>

{

CustomDiagramShape customShape = new CustomDiagramShape()

{

Width = 100,

Height = 50

};

return customShape;

new System.Windows.Size(100, 50),

false

);

stencil.RegisterTool(itemTool);

DiagramToolboxRegistrator.RegisterStencil(stencil);

DiagramControl.ItemTypeRegistrator.Register(typeof(CustomDiagramShape));

this.dataObjectList.Add(new DataObject { ID = 1, ParentID = 0, Content = "Node 1" });

this.dataObjectList.Add(new DataObject { ID = 0, Content = "Start" });

this.dataObjectList.Add(new DataObject { ID = 2, ParentID = 1, Content = "Node 1_1" });

this.dataObjectList.Add(new DataObject { ID = 3, ParentID = 0, Content = "Node 2" });

this.dataObjectList.Add(new DataObject { ID = 4, ParentID = 3, Content = "Node 2_1" });

this.diagramControl.CustomGetEditableItemProperties += diagramControl_CustomGetEditableItemProperties;

this.diagramControl.ShowingEditor += diagramControl_ShowingEditor;

}

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 로드시 처리하기 - OnLoad(e)

/// <summary>

/// 로드시 처리하기

/// </summary>

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

protected override void OnLoad(EventArgs e)

{

base.OnLoad(e);

if(!File.Exists(DIAGRAM_FILE_NAME))

{

CreateDiagram();

}

else

{

LoadDiagram();

}

#endregion

#region 닫을 경우 처리하기 - OnClosing(e)

/// <summary>

/// 닫을 경우 처리하기

/// </summary>

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

protected override void OnClosing(CancelEventArgs e)

{

base.OnClosing(e);

this.diagramControl.SaveDocument(DIAGRAM_FILE_NAME);

}

#endregion

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

//////////////////////////////////////////////////////////////////////////////// Event

#region 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기 - diagramControl_CustomGetEditableItemProperties(sender, e)

/// <summary>

/// 다이어그램 컨트롤 편집 가능한 항목 속성 커스텀 구하기

/// </summary>

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

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

private void diagramControl_CustomGetEditableItemProperties(object sender, DiagramCustomGetEditableItemPropertiesEventArgs e)

{

if(e.Item is CustomDiagramShape)

{

e.Properties.Add(TypeDescriptor.GetProperties(typeof(CustomDiagramShape))["DatabaseObjectID"]);

}

#endregion

#region 다이어그램 컨트롤 에디터 표시시 처리하기 - diagramControl_ShowingEditor(sender, e)

/// <summary>

/// 다이어그램 컨트롤 에디터 표시시 처리하기

/// </summary>

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

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

private void diagramControl_ShowingEditor(object sender, DiagramShowingEditorEventArgs e)

{

e.Cancel = true;

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 다이어그램 생성하기 - CreateDiagram()

/// <summary>

/// 다이어그램 생성하기

/// </summary>

private void CreateDiagram()

{

foreach(DataObject dataObject in this.dataObjectList)

{

CustomDiagramShape shape = new CustomDiagramShape

{

Shape = BasicShapes.Rectangle,

Size = new Size(150, 100),

DatabaseObjectID = dataObject.ID,

Content = dataObject.Content

};

this.diagramControl.Items.Add(shape);

if(dataObject.ParentID != dataObject.ID)

{

diagramControl.Items.Add

(

new DiagramConnector

{

BeginItem = diagramControl.Items.First

(

x => x is CustomDiagramShape && ((CustomDiagramShape)x).DatabaseObjectID == dataObject.ParentID

EndItem = shape

}

);

}

this.diagramControl.ApplyTreeLayout(Direction.Right);

}

#endregion

#region 다이어그램 로드하기 - LoadDiagram()

/// <summary>

/// 다이어그램 로드하기

/// </summary>

private void LoadDiagram()

{

try

{

this.diagramControl.LoadDocument(DIAGRAM_FILE_NAME);

foreach(DiagramItem item in diagramControl.Items)

{

CustomDiagramShape shape = item as CustomDiagramShape;

DataObject dataObject;

if(shape != null)

{

dataObject = this.dataObjectList.FirstOrDefault(x => x.ID == shape.DatabaseObjectID);

shape.Content = (dataObject == null) ? null : dataObject.Content;

}

catch

{

CreateDiagram();

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : CustomDrawItem 이벤트를 사용해 다이어그램 항목 내 커스텀 아이콘 그리기

■ DiagramControl 클래스의 CustomDrawItem 이벤트를 사용해 다이어그램 항목 내 커스텀 아이콘을 그리는 방법을 보여준다. ▶ Status.cs


namespace TestProject
{
    /// <summary>
    /// 상태
    /// </summary>
    public enum Status
    {
        /// <summary>
        /// 활성
        /// </summary>
        Active,

        /// <summary>
        /// 비활성
        /// </summary>
        Inactive
    }
}

namespace TestProject

{

/// <summary>

/// 상태

/// </summary>

public enum Status

{

/// <summary>

/// 활성

/// </summary>

Active,

/// <summary>

/// 비활성

/// </summary>

Inactive

}

▶ CustomDiagramShape.cs


using System.ComponentModel;

using DevExpress.Utils.Serializing;
using DevExpress.XtraDiagram;

namespace TestProject
{
    /// <summary>
    /// 커스텀 다이어그램 도형
    /// </summary>
    public class CustomDiagramShape : DiagramShape
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 상태 - Status

        /// <summary>
        /// 상태
        /// </summary>
        [Category("Info")]
        [XtraSerializableProperty]
        public Status Status { get; set; }

        #endregion
    }
}

using System.ComponentModel;

using DevExpress.Utils.Serializing;

using DevExpress.XtraDiagram;

namespace TestProject

{

/// <summary>

/// 커스텀 다이어그램 도형

/// </summary>

public class CustomDiagramShape : DiagramShape

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 상태 - Status

/// <summary>

/// 상태

/// </summary>

[Category("Info")]

[XtraSerializableProperty]

public Status Status { get; set; }

#endregion

}

▶ MainForm.cs

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : 커스텀 그래프 레이아웃 알고리즘 사용하기

■ DiagramControl 클래스에서 커스텀 그래프 레이아웃 알고리즘을 사용하는 방법을 보여준다. [TestLibrary 프로젝트] ▶ GraphLayout.cs


using System.Collections.Generic;

using Microsoft.Msagl.Core.Layout;
using Microsoft.Msagl.Core.Routing;

using DevExpress.Diagram.Core;
using DevExpress.Diagram.Core.Layout;

namespace TestLibrary
{
    /// <summary>
    /// 그래프 레이아웃
    /// </summary>
    public class GraphLayout
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 레이아웃 계산기 - LayoutCalculator

        /// <summary>
        /// 레이아웃 계산기
        /// </summary>
        protected ILayoutCalculator LayoutCalculator { get; set; }

        #endregion

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

        #region 기하 그래프 - GeometryGraph

        /// <summary>
        /// 기하 그래프
        /// </summary>
        private GeometryGraph GeometryGraph { get; set; }

        #endregion
        #region 라우팅 모드 - RoutingMode

        /// <summary>
        /// 라우팅 모드
        /// </summary>
        private EdgeRoutingMode RoutingMode
        {
            get
            {
                return LayoutCalculator.LayoutAlgorithmSettings.EdgeRoutingSettings.EdgeRoutingMode;
            }
        }

        #endregion

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

        #region 생성자 - GraphLayout(layoutCalculator)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="layoutCalculator">레이아웃 계산기</param>
        public GraphLayout(ILayoutCalculator layoutCalculator)
        {
            LayoutCalculator = layoutCalculator;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 그래프 노드 위치 레이아웃 다시 설정하기 - RelayoutGraphNodePosition(graph)

        /// <summary>
        /// 그래프 노드 위치 레이아웃 다시 설정하기
        /// </summary>
        /// <param name="graph">그래프</param>
        /// <returns>위치 정보 열거 가능 목록</returns>
        public virtual IEnumerable<PositionInfo<IDiagramItem>> RelayoutGraphNodePosition(Graph<IDiagramItem> graph)
        {
            GeometryGraph = MSAGLGeometryGraphHelper.GetGeometryGraph(graph);

            LayoutCalculator.CalculateLayout(GeometryGraph);

            return MSAGLGeometryGraphHelper.GetNodePositionInfo(GeometryGraph);
        }

        #endregion
        #region 다이어그램 커넥터 타입 구하기 - GetDiagramConnectorType()

        /// <summary>
        /// 다이어그램 커넥터 타입 구하기
        /// </summary>
        /// <returns>다이어그램 커넥터 타입</returns>
        public ConnectorType GetDiagramConnectorType()
        {
            return RoutingHelper.GetDiagramConnectorType(RoutingMode);
        }

        #endregion
    }
}

100

101

102

103

104

using System.Collections.Generic;

using Microsoft.Msagl.Core.Layout;

using Microsoft.Msagl.Core.Routing;

using DevExpress.Diagram.Core;

using DevExpress.Diagram.Core.Layout;

namespace TestLibrary

{

/// <summary>

/// 그래프 레이아웃

/// </summary>

public class GraphLayout

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 레이아웃 계산기 - LayoutCalculator

/// <summary>

/// 레이아웃 계산기

/// </summary>

protected ILayoutCalculator LayoutCalculator { get; set; }

#endregion

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

#region 기하 그래프 - GeometryGraph

/// <summary>

/// 기하 그래프

/// </summary>

private GeometryGraph GeometryGraph { get; set; }

#endregion

#region 라우팅 모드 - RoutingMode

/// <summary>

/// 라우팅 모드

/// </summary>

private EdgeRoutingMode RoutingMode

{

get

{

return LayoutCalculator.LayoutAlgorithmSettings.EdgeRoutingSettings.EdgeRoutingMode;

}

#endregion

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

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

#region 생성자 - GraphLayout(layoutCalculator)

/// <summary>

/// 생성자

/// </summary>

/// <param name="layoutCalculator">레이아웃 계산기</param>

public GraphLayout(ILayoutCalculator layoutCalculator)

{

LayoutCalculator = layoutCalculator;

}

#endregion

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

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

#region 그래프 노드 위치 레이아웃 다시 설정하기 - RelayoutGraphNodePosition(graph)

/// <summary>

/// 그래프 노드 위치 레이아웃 다시 설정하기

/// </summary>

/// <param name="graph">그래프</param>

/// <returns>위치 정보 열거 가능 목록</returns>

public virtual IEnumerable<PositionInfo<IDiagramItem>> RelayoutGraphNodePosition(Graph<IDiagramItem> graph)

{

GeometryGraph = MSAGLGeometryGraphHelper.GetGeometryGraph(graph);

LayoutCalculator.CalculateLayout(GeometryGraph);

return MSAGLGeometryGraphHelper.GetNodePositionInfo(GeometryGraph);

}

#endregion

#region 다이어그램 커넥터 타입 구하기 - GetDiagramConnectorType()

/// <summary>

/// 다이어그램 커넥터 타입 구하기

/// </summary>

/// <returns>다이어그램 커넥터 타입</returns>

public ConnectorType GetDiagramConnectorType()

{

return RoutingHelper.GetDiagramConnectorType(RoutingMode);

}

#endregion

}

▶ PhyloTreeLayout.cs


using System.Collections.Generic;

using Microsoft.Msagl.Prototype.Phylo;

using DevExpress.Diagram.Core;
using DevExpress.Diagram.Core.Layout;

namespace TestLibrary
{
    /// <summary>
    /// PHYLO 트리 레이아웃
    /// </summary>
    public class PhyloTreeLayout : GraphLayout
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 트리 - Tree

        /// <summary>
        /// 트리
        /// </summary>
        private PhyloTree Tree { get; set; }

        #endregion

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

        #region 생성자 - PhyloTreeLayout(layoutCalculator)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="layoutCalculator">레이아웃 계산기</param>
        public PhyloTreeLayout(ILayoutCalculator layoutCalculator) : base(layoutCalculator)
        {
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 그래프 노드 위치 레이아웃 다시 설정하기 - RelayoutGraphNodePosition(graph)

        /// <summary>
        /// 그래프 노드 위치 레이아웃 다시 설정하기
        /// </summary>
        /// <param name="graph">그래프</param>
        /// <returns>위치 정보 열거 가능 목록</returns>
        public override IEnumerable<PositionInfo<IDiagramItem>> RelayoutGraphNodePosition(Graph<IDiagramItem> graph)
        {
            Tree = MSAGLGeometryGraphHelper.GetPhyloTree(graph);

            LayoutCalculator.CalculateLayout(Tree);

            return MSAGLGeometryGraphHelper.GetNodePositionInfo(Tree);
        }

        #endregion
    }
}

using System.Collections.Generic;

using Microsoft.Msagl.Prototype.Phylo;

using DevExpress.Diagram.Core;

using DevExpress.Diagram.Core.Layout;

namespace TestLibrary

{

/// <summary>

/// PHYLO 트리 레이아웃

/// </summary>

public class PhyloTreeLayout : GraphLayout

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 트리 - Tree

/// <summary>

/// 트리

/// </summary>

private PhyloTree Tree { get; set; }

#endregion

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

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

#region 생성자 - PhyloTreeLayout(layoutCalculator)

/// <summary>

/// 생성자

/// </summary>

/// <param name="layoutCalculator">레이아웃 계산기</param>

public PhyloTreeLayout(ILayoutCalculator layoutCalculator) : base(layoutCalculator)

{

}

#endregion

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

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

#region 그래프 노드 위치 레이아웃 다시 설정하기 - RelayoutGraphNodePosition(graph)

/// <summary>

/// 그래프 노드 위치 레이아웃 다시 설정하기

/// </summary>

/// <param name="graph">그래프</param>

/// <returns>위치 정보 열거 가능 목록</returns>

public override IEnumerable<PositionInfo<IDiagramItem>> RelayoutGraphNodePosition(Graph<IDiagramItem> graph)

{

Tree = MSAGLGeometryGraphHelper.GetPhyloTree(graph);

LayoutCalculator.CalculateLayout(Tree);

return MSAGLGeometryGraphHelper.GetNodePositionInfo(Tree);

}

#endregion

}

▶ ILayoutCalculator.cs


using Microsoft.Msagl.Core.Layout;

namespace TestLibrary
{
    /// <summary>
    /// 레이아웃 계산기 인터페이스
    /// </summary>
    public interface ILayoutCalculator
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property

        #region 레이아웃 알고리즘 설정 - LayoutAlgorithmSettings

        /// <summary>
        /// 레이아웃 알고리즘 설정
        /// </summary>
        LayoutAlgorithmSettings LayoutAlgorithmSettings { get; }

        #endregion

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

        #region 레이아웃 계산하기 - CalculateLayout(geometryGraph)

        /// <summary>
        /// 레이아웃 계산하기
        /// </summary>
        /// <param name="geometryGraph">기하 그래프</param>
        void CalculateLayout(GeometryGraph geometryGraph);

        #endregion
    }
}

using Microsoft.Msagl.Core.Layout;

namespace TestLibrary

{

/// <summary>

/// 레이아웃 계산기 인터페이스

/// </summary>

public interface ILayoutCalculator

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

#region 레이아웃 알고리즘 설정 - LayoutAlgorithmSettings

/// <summary>

/// 레이아웃 알고리즘 설정

/// </summary>

LayoutAlgorithmSettings LayoutAlgorithmSettings { get; }

#endregion

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

#region 레이아웃 계산하기 - CalculateLayout(geometryGraph)

/// <summary>

/// 레이아웃 계산하기

/// </summary>

/// <param name="geometryGraph">기하 그래프</param>

void CalculateLayout(GeometryGraph geometryGraph);

#endregion

}

▶

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : 연결 포인트를 갖는 커스텀 도형 생성하기

■ DiagramControl 클래스를 사용해 연결 포인트를 갖는 커스텀 도형을 생성하는 방법을 보여준다. ▶ CustomShape.xml


<?xml version="1.0"?>
<Shapes xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <ShapeTemplate Id="Shape1" DefaultSize="50,100" Rows="*" Columns="*">
        <Start X="0"   Y="0"   />
        <Line  X="1"   Y="0"   />
        <Line  X="0.8" Y="0.8" />
        <Line  X="0"   Y="1"   />
        <ConnectionPoints>
            <ShapePoint X="0"   Y="0"   />
            <ShapePoint X="0.5" Y="0"   />
            <ShapePoint X="1"   Y="0"   />
            <ShapePoint X="0.8" Y="0.8" />
            <ShapePoint X="0"   Y="1"   />
            <ShapePoint X="0"   Y="0.5" />
        </ConnectionPoints>
        <Parameters />
    </ShapeTemplate>
    <ShapeTemplate Id="Shape2" DefaultSize="60,120" Rows="*" Columns="*">
        <Start X="0" Y="0" FillColor="Brown" />
        <Arc X="1" Y="0" Size="CreateSize([W] / 2 , [H] / 10)" />
        <Arc X="1" Y="1" Size="CreateSize([W] / 10, [H] / 2 )" />
        <Arc X="0" Y="1" Size="CreateSize([W] / 2 , [H] / 10)" />
        <Arc X="0" Y="0" Size="CreateSize([W] / 10, [H] / 2 )" />
        <ConnectionPoints>
            <ShapePoint X="0" Y="0" />
            <ShapePoint X="1" Y="0" />
            <ShapePoint X="0" Y="1" />
        </ConnectionPoints>
        <Parameters />
    </ShapeTemplate>
    <ShapeTemplate Id="Shape3" DefaultSize="60,120" Rows="*" Columns="*">
        <Start X="0" Y="0" FillColor="Brown" />
        <Arc X="1" Y="0" Size="CreateSize([W] / 2, [P0] * [H])" />
        <Line X="1" Y="1" />
        <Line X="0" Y="1" />
        <Line X="0" Y="0" />
        <ConnectionPoints>
            <ShapePoint X="0" Y="0" />
            <ShapePoint X="1" Y="0" />
            <ShapePoint X="0" Y="1" />
        </ConnectionPoints>
        <Parameters>
            <Parameter DefaultValue="0.1" Value="[P.Y] / [H]" Point="CreatePoint([W] / 2, [P] * [H])" Min="0" Max="1" />
        </Parameters>
    </ShapeTemplate>
    <ShapeTemplate Id="Shape4" DefaultSize="60,120" IsQuick="true" Rows="[H] * [P0];[H] * (1 - [P0])" Columns="*">
        <Start X="0" Y="0" FillColor="Green" />
        <Line  X="1" Y="0" />
        <Line  X="1" Y="1" />
        <Line  X="0" Y="1" />
        <Start X="0" Y="1" FillColor="Red" />
        <Line  X="1" Y="1" />
        <Line  X="1" Y="2" />
        <Line  X="0" Y="2" />
        <ConnectionPoints>
            <ShapePoint X="0.5" Y="0" />
            <ShapePoint X="1"   Y="1" />
            <ShapePoint X="0.5" Y="2" />
            <ShapePoint X="0"   Y="1" />
        </ConnectionPoints>
        <Parameters>
        <Parameter DefaultValue="0.5" Value="[P.Y] / [H]" Point="CreatePoint([W], [P] * [H])" Min="0" Max="1" />
        </Parameters>
    </ShapeTemplate>
</Shapes>

<?xml version="1.0"?>

</ConnectionPoints>

</ShapeTemplate>

</ConnectionPoints>

</ShapeTemplate>

</ConnectionPoints>

</Parameters>

</ShapeTemplate>

</ConnectionPoints>

</Parameters>

</ShapeTemplate>

</Shapes>

▶ MainForm.cs


using System;
using System.IO;

using DevExpress.Diagram.Core;
using DevExpress.XtraBars.Ribbon;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : RibbonForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            using(FileStream stream = new FileStream("CustomShape.xml", FileMode.Open))
            {
                DiagramStencil stencil = DiagramStencil.Create("CustomShapes", "Custom Shapes", stream, shapeName => shapeName);

                DiagramToolboxRegistrator.RegisterStencil(stencil);
            }

            this.diagramControl.SelectedStencils = new StencilCollection(new string[] { "CustomShapes" });
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 폼 로드시 처리하기 - OnLoad(e)

        /// <summary>
        /// 폼 로드시 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            this.diagramControl.InitializeRibbon(this.ribbonControl);
        }

        #endregion
    }
}

using System;

using System.IO;

using DevExpress.Diagram.Core;

using DevExpress.XtraBars.Ribbon;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : RibbonForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

using(FileStream stream = new FileStream("CustomShape.xml", FileMode.Open))

{

DiagramStencil stencil = DiagramStencil.Create("CustomShapes", "Custom Shapes", stream, shapeName => shapeName);

DiagramToolboxRegistrator.RegisterStencil(stencil);

}

this.diagramControl.SelectedStencils = new StencilCollection(new string[] { "CustomShapes" });

}

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 폼 로드시 처리하기 - OnLoad(e)

/// <summary>

/// 폼 로드시 처리하기

/// </summary>

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

protected override void OnLoad(EventArgs e)

{

base.OnLoad(e);

this.diagramControl.InitializeRibbon(this.ribbonControl);

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : 자기 참조 데이터 소스에서 다이어그램 생성하기

■ DiagramControl 클래스를 사용해 자기 참조 데이터 소스에서 다이어그램을 생성하는 방법을 보여준다. ▶ MainForm.cs


using System.Collections.Generic;

using DevExpress.Diagram.Core;
using DevExpress.XtraDiagram;
using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            #region 직원 리스트를 설정한다.

            List<Employee> employeeList = new List<Employee>();

            employeeList.Add(new Employee() { ID = 0,               Name = "Carl" });
            employeeList.Add(new Employee() { ID = 1, ParentID = 0, Name = "Bob"  });
            employeeList.Add(new Employee() { ID = 2, ParentID = 1, Name = "Ann"  });
            employeeList.Add(new Employee() { ID = 3, ParentID = 1, Name = "Jack" });

            #endregion
            #region 다이어그램 조직 차트 컨트롤러를 설정한다.

            DiagramOrgChartController diagramOrgChartController = new DiagramOrgChartController();

            diagramOrgChartController.KeyMember    = "ID";
            diagramOrgChartController.ParentMember = "ParentID";
            diagramOrgChartController.LayoutKind   = DiagramLayoutKind.Tree;
            diagramOrgChartController.DataSource   = employeeList;

            #endregion

            diagramOrgChartController.GenerateItem += diagramOrgChartController_GenerateItem;

            diagramOrgChartController.Diagram = this.diagramControl;

            this.diagramControl.FitToDrawing();
        }

        #endregion

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

        #region 다이어그램 조직 차트 컨트롤러 항목 생성시 처리하기 - diagramOrgChartController_GenerateItem(sender, e)

        /// <summary>
        /// 다이어그램 조직 차트 컨트롤러 항목 생성시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void diagramOrgChartController_GenerateItem(object sender, DiagramGenerateItemEventArgs e)
        {
            DiagramShape item = new DiagramShape
            {
                X      = 20,
                Width  = 75,
                Height = 50,
                Shape  = BasicShapes.Rectangle
            };

            item.Bindings.Add(new DiagramBinding("Content", "Name"));

            e.Item = item;
        }

        #endregion
    }
}

using System.Collections.Generic;

using DevExpress.Diagram.Core;

using DevExpress.XtraDiagram;

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 직원 리스트를 설정한다.

List<Employee> employeeList = new List<Employee>();

employeeList.Add(new Employee() { ID = 0, Name = "Carl" });

employeeList.Add(new Employee() { ID = 1, ParentID = 0, Name = "Bob" });

employeeList.Add(new Employee() { ID = 2, ParentID = 1, Name = "Ann" });

employeeList.Add(new Employee() { ID = 3, ParentID = 1, Name = "Jack" });

#endregion

#region 다이어그램 조직 차트 컨트롤러를 설정한다.

DiagramOrgChartController diagramOrgChartController = new DiagramOrgChartController();

diagramOrgChartController.KeyMember = "ID";

diagramOrgChartController.ParentMember = "ParentID";

diagramOrgChartController.LayoutKind = DiagramLayoutKind.Tree;

diagramOrgChartController.DataSource = employeeList;

#endregion

diagramOrgChartController.GenerateItem += diagramOrgChartController_GenerateItem;

diagramOrgChartController.Diagram = this.diagramControl;

this.diagramControl.FitToDrawing();

}

#endregion

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

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

#region 다이어그램 조직 차트 컨트롤러 항목 생성시 처리하기 - diagramOrgChartController_GenerateItem(sender, e)

/// <summary>

/// 다이어그램 조직 차트 컨트롤러 항목 생성시 처리하기

/// </summary>

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

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

private void diagramOrgChartController_GenerateItem(object sender, DiagramGenerateItemEventArgs e)

{

DiagramShape item = new DiagramShape

{

X = 20,

Width = 75,

Height = 50,

Shape = BasicShapes.Rectangle

};

item.Bindings.Add(new DiagramBinding("Content", "Name"));

e.Item = item;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : 데이터 소스에서 다이어그램 생성하기

■ DiagramControl 클래스를 사용해 데이터 소스에서 다이어그램을 생성하는 방법을 보여준다. ▶ Item.cs


namespace TestProject
{
    /// <summary>
    /// 항목
    /// </summary>
    public class Item
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region ID - ID

        /// <summary>
        /// ID
        /// </summary>
        public int ID { get; set; }

        #endregion
        #region 항목명 - Name

        /// <summary>
        /// 항목명
        /// </summary>
        public string Name { get; set; }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 항목

/// </summary>

public class Item

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region ID - ID

/// <summary>

/// ID

/// </summary>

public int ID { get; set; }

#endregion

#region 항목명 - Name

/// <summary>

/// 항목명

/// </summary>

public string Name { get; set; }

#endregion

}

▶ Link.cs


namespace TestProject
{
    /// <summary>
    /// 링크
    /// </summary>
    public class Link
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 시작 항목 - From

        /// <summary>
        /// 시작 항목
        /// </summary>
        public object From { get; set; }

        #endregion
        #region 종료 항목 - To

        /// <summary>
        /// 종료 항목
        /// </summary>
        public object To { get; set; }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 링크

/// </summary>

public class Link

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 시작 항목 - From

/// <summary>

/// 시작 항목

/// </summary>

public object From { get; set; }

#endregion

#region 종료 항목 - To

/// <summary>

/// 종료 항목

/// </summary>

public object To { get; set; }

#endregion

}

▶ MainForm.cs


using System.Collections.Generic;

using DevExpress.Diagram.Core;
using DevExpress.XtraDiagram;
using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            #region 항목 리스트를 설정한다.

            List<Item> itemList = new List<Item>();

            for(int i = 0; i < 5; i++)
            {
                itemList.Add(new Item { ID = i, Name = "Item " + i });
            }

            #endregion
            #region 링크 리스트를 설정한다.

            List<Link> linkList = new List<Link>();

            for(int i = 0; i < 4; i++)
            {
                linkList.Add(new Link { From = itemList[i].ID, To = itemList[i + 1].ID });
            }

            linkList.Add(new Link { From = itemList[4].ID, To = itemList[0].ID });

            #endregion
            #region 다이어그램 데이터 바인딩 컨트롤러를 설정한다.

            DiagramDataBindingController diagramDataBindingController = new DiagramDataBindingController();

            diagramDataBindingController.DataSource          = itemList;
            diagramDataBindingController.KeyMember           = "ID";
            diagramDataBindingController.ConnectorsSource    = linkList;
            diagramDataBindingController.ConnectorFromMember = "From";
            diagramDataBindingController.ConnectorToMember   = "To";
            diagramDataBindingController.LayoutKind          = DiagramLayoutKind.Circular;

            #endregion

            diagramDataBindingController.GenerateItem += diagramDataBindingController_GenerateItem;

            diagramDataBindingController.Diagram = this.diagramControl;

            this.diagramControl.FitToDrawing();
        }

        #endregion

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

        #region 다이어그램 데이터 바인딩 컨트롤러 항목 생성시 처리하기 - diagramDataBindingController_GenerateItem(sender, e)

        /// <summary>
        /// 다이어그램 데이터 바인딩 컨트롤러 항목 생성시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void diagramDataBindingController_GenerateItem(object sender, DiagramGenerateItemEventArgs e)
        {
            DiagramShape item = new DiagramShape
            {
                X      = 20,
                Width  = 75,
                Height = 50,
                Shape  = BasicShapes.Rectangle
            };

            item.Bindings.Add(new DiagramBinding("Content", "Name"));

            e.Item = item;
        }

        #endregion
    }
}

using System.Collections.Generic;

using DevExpress.Diagram.Core;

using DevExpress.XtraDiagram;

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 항목 리스트를 설정한다.

List<Item> itemList = new List<Item>();

for(int i = 0; i < 5; i++)

{

itemList.Add(new Item { ID = i, Name = "Item " + i });

}

#endregion

#region 링크 리스트를 설정한다.

List<Link> linkList = new List<Link>();

for(int i = 0; i < 4; i++)

{

linkList.Add(new Link { From = itemList[i].ID, To = itemList[i + 1].ID });

}

linkList.Add(new Link { From = itemList[4].ID, To = itemList[0].ID });

#endregion

#region 다이어그램 데이터 바인딩 컨트롤러를 설정한다.

DiagramDataBindingController diagramDataBindingController = new DiagramDataBindingController();

diagramDataBindingController.DataSource = itemList;

diagramDataBindingController.KeyMember = "ID";

diagramDataBindingController.ConnectorsSource = linkList;

diagramDataBindingController.ConnectorFromMember = "From";

diagramDataBindingController.ConnectorToMember = "To";

diagramDataBindingController.LayoutKind = DiagramLayoutKind.Circular;

#endregion

diagramDataBindingController.GenerateItem += diagramDataBindingController_GenerateItem;

diagramDataBindingController.Diagram = this.diagramControl;

this.diagramControl.FitToDrawing();

}

#endregion

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

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

#region 다이어그램 데이터 바인딩 컨트롤러 항목 생성시 처리하기 - diagramDataBindingController_GenerateItem(sender, e)

/// <summary>

/// 다이어그램 데이터 바인딩 컨트롤러 항목 생성시 처리하기

/// </summary>

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

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

private void diagramDataBindingController_GenerateItem(object sender, DiagramGenerateItemEventArgs e)

{

DiagramShape item = new DiagramShape

{

X = 20,

Width = 75,

Height = 50,

Shape = BasicShapes.Rectangle

};

item.Bindings.Add(new DiagramBinding("Content", "Name"));

e.Item = item;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : ApplySugiyamaLayout 메소드를 사용해 계층형 (SUGIYAMA) 레이아웃 적용하기

■ DiagramControl 클래스의 ApplySugiyamaLayout 메소드를 사용해 계층형 (SUGIYAMA) 레이아웃을 적용하는 방법을 보여준다. ▶ MainForm.cs


using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid       = false;
            this.diagramControl.OptionsView.ShowRulers     = false;
            this.diagramControl.OptionsView.ShowPageBreaks = false;

            this.diagramControl.ApplySugiyamaLayout();

            this.diagramControl.FitToDrawing();
        }

        #endregion
    }
}

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

this.diagramControl.ApplySugiyamaLayout();

this.diagramControl.FitToDrawing();

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : ApplyCircularLayout 메소드를 사용해 원형 레이아웃 적용하기

■ DiagramControl 클래스의 ApplyCircularLayout 메소드를 사용해 원형 레이아웃을 적용하는 방법을 보여준다. ▶ MainForm.cs


using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid       = false;
            this.diagramControl.OptionsView.ShowRulers     = false;
            this.diagramControl.OptionsView.ShowPageBreaks = false;

            this.diagramControl.ApplyCircularLayout();

            this.diagramControl.FitToDrawing();
        }

        #endregion
    }
}

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

this.diagramControl.ApplyCircularLayout();

this.diagramControl.FitToDrawing();

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : ApplyOrgChartLayout 메소드를 사용해 ORG 차트 레이아웃 적용하기

■ DiagramControl 클래스의 ApplyOrgChartLayout 메소드를 사용해 ORG 차트 레이아웃을 적용하는 방법을 보여준다. ▶ MainForm.cs


using DevExpress.Diagram.Core.Layout;
using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid                    = false;
            this.diagramControl.OptionsView.ShowRulers                  = false;
            this.diagramControl.OptionsView.ShowPageBreaks              = false;
            this.diagramControl.OptionsOrgChartLayout.TreeLevelCount    = 4;
            this.diagramControl.OptionsOrgChartLayout.TipOverOffsetMode = TipOverOffsetMode.Edge;

            this.diagramControl.ApplyOrgChartLayout();

            this.diagramControl.FitToDrawing();
        }

        #endregion
    }
}

using DevExpress.Diagram.Core.Layout;

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

this.diagramControl.OptionsOrgChartLayout.TreeLevelCount = 4;

this.diagramControl.OptionsOrgChartLayout.TipOverOffsetMode = TipOverOffsetMode.Edge;

this.diagramControl.ApplyOrgChartLayout();

this.diagramControl.FitToDrawing();

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : ApplyMindMapTreeLayout 메소드를 사용해 마인드 맵 트리 레이아웃 적용하기

■ DiagramControl 클래스의 ApplyMindMapTreeLayout 메소드를 사용해 마인드 맵 트리 레이아웃을 적용하는 방법을 보여준다. ▶ MainForm.cs


using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid       = false;
            this.diagramControl.OptionsView.ShowRulers     = false;
            this.diagramControl.OptionsView.ShowPageBreaks = false;

            this.diagramControl.ApplyMindMapTreeLayout();

            this.diagramControl.FitToDrawing();
        }

        #endregion
    }
}

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

this.diagramControl.ApplyMindMapTreeLayout();

this.diagramControl.FitToDrawing();

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : ApplyTipOverTreeLayout 메소드를 사용해 TIP-OVER 트리 레이아웃 적용하기

■ DiagramControl 클래스의 ApplyTipOverTreeLayout 메소드를 사용해 TIP-OVER 트리 레이아웃을 적용하는 방법을 보여준다. ▶ MainForm.cs


using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid       = false;
            this.diagramControl.OptionsView.ShowRulers     = false;
            this.diagramControl.OptionsView.ShowPageBreaks = false;

            this.diagramControl.ApplyTipOverTreeLayout();

            this.diagramControl.FitToDrawing();
        }

        #endregion
    }
}

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

this.diagramControl.ApplyTipOverTreeLayout();

this.diagramControl.FitToDrawing();

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : ApplyTreeLayout 메소드를 사용해 트리 레이아웃 적용하기

■ DiagramControl 클래스의 ApplyTreeLayout 메소드를 사용해 트리 레이아웃을 적용하는 방법을 보여준다. ▶ MainForm.cs


using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid       = false;
            this.diagramControl.OptionsView.ShowRulers     = false;
            this.diagramControl.OptionsView.ShowPageBreaks = false;

            this.diagramControl.ApplyTreeLayout();

            this.diagramControl.FitToDrawing();
        }

        #endregion
    }
}

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

this.diagramControl.ApplyTreeLayout();

this.diagramControl.FitToDrawing();

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramControl 클래스 : CustomDrawItem 이벤트를 사용해 항목 커스텀 그리기

■ DiagramControl 클래스의 CustomDrawItem 이벤트를 사용해 항목을 커스텀 그리는 방법을 보여준다. ▶ MainForm.cs


using System.Drawing;

using DevExpress.Diagram.Core;
using DevExpress.Utils;
using DevExpress.XtraDiagram;
using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 포인트 크기
        /// </summary>
        private int pointSize = 8;

        #endregion

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

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid       = false;
            this.diagramControl.OptionsView.ShowRulers     = false;
            this.diagramControl.OptionsView.ShowPageBreaks = false;

            DiagramShape shape1 = new DiagramShape();

            shape1.Size                   = new SizeF(100f, 100f);
            shape1.Position               = new PointFloat(450f, 200f);
            shape1.Shape                  = BasicShapes.Ellipse;
            shape1.Appearance.BorderSize  = 4;
            shape1.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);
            shape1.Appearance.BackColor   = Color.White;
            shape1.Appearance.Font        = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            shape1.Appearance.ForeColor   = Color.FromArgb(128, 0, 0, 0);
            shape1.Content                = "도형1";

            this.diagramControl.Items.Add(shape1);

            DiagramShape shape2 = new DiagramShape();

            shape2.Size                   = new SizeF(100F, 100F);
            shape2.Position               = new PointFloat(300f, 400f);
            shape2.Shape                  = BasicShapes.Ellipse;
            shape2.Appearance.BorderSize  = 4;
            shape2.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);
            shape2.Appearance.BackColor   = Color.White;
            shape2.Appearance.Font        = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            shape2.Appearance.ForeColor   = Color.FromArgb(128, 0, 0, 0);
            shape2.Content                = "도형2";

            this.diagramControl.Items.Add(shape2);

            DiagramConnector connector1 = new DiagramConnector();

            connector1.BeginItem                    = shape1;
            connector1.EndItem                      = shape2;
            connector1.Type                         = ConnectorType.Straight;
            connector1.Appearance.BorderSize        = 4;
            connector1.Appearance.BorderColor       = Color.FromArgb(128, 0, 0, 0);
            connector1.Appearance.ContentBackground = Color.Transparent;
            connector1.Appearance.Font              = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            connector1.Appearance.ForeColor         = Color.FromArgb(128, 255, 0, 0);
            connector1.Content                      = "연결 1";

            this.diagramControl.Items.Add(connector1);

            DiagramShape shape3 = new DiagramShape();

            shape3.Size                   = new SizeF(100f, 100f);
            shape3.Position               = new PointFloat(600f, 400f);
            shape3.Shape                  = BasicShapes.Ellipse;
            shape3.Appearance.BorderSize  = 4;
            shape3.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);
            shape3.Appearance.BackColor   = Color.White;
            shape3.Appearance.Font        = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            shape3.Appearance.ForeColor   = Color.FromArgb(128, 0, 0, 0);
            shape3.Content                = "도형3";

            this.diagramControl.Items.Add(shape3);

            DiagramConnector connector2 = new DiagramConnector();

            connector2.BeginItem                    = shape1;
            connector2.EndItem                      = shape3;
            connector2.Type                         = ConnectorType.Straight;
            connector2.Appearance.BorderSize        = 4;
            connector2.Appearance.BorderColor       = Color.FromArgb(128, 0, 0, 0);
            connector2.Appearance.ContentBackground = Color.Transparent;
            connector2.Appearance.Font              = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            connector2.Appearance.ForeColor         = Color.FromArgb(128, 255, 0, 0);
            connector2.Content                      = "연결 2";

            this.diagramControl.Items.Add(connector2);

            this.diagramControl.FitToDrawing();

            this.diagramControl.CustomDrawItem += diagramControl_CustomDrawItem;
        }

        #endregion

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

        #region 다이어그램 항목 커스텀 그리기 - diagramControl_CustomDrawItem(sender, e)

        /// <summary>
        /// 다이어그램 항목 커스텀 그리기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void diagramControl_CustomDrawItem(object sender, CustomDrawItemEventArgs e)
        {
            e.DefaultDraw();

            DiagramShape shape = e.Item as DiagramShape;

            if(shape != null)
            {
                PointCollection pointCollection = shape.ActualConnectionPoints;

                foreach(PointFloat point in pointCollection)
                {
                    e.Graphics.DrawEllipse
                    (
                        new Pen(Color.FromArgb(128, Color.Blue), 2),
                        point.X * shape.Width  - pointSize / 2,
                        point.Y * shape.Height - pointSize / 2,
                        pointSize,
                        pointSize
                    );
                }

                e.Handled = true;
            }
        }

        #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

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

using System.Drawing;

using DevExpress.Diagram.Core;

using DevExpress.Utils;

using DevExpress.XtraDiagram;

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

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

#region Field

/// <summary>

/// 포인트 크기

/// </summary>

private int pointSize = 8;

#endregion

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

DiagramShape shape1 = new DiagramShape();

shape1.Size = new SizeF(100f, 100f);

shape1.Position = new PointFloat(450f, 200f);

shape1.Shape = BasicShapes.Ellipse;

shape1.Appearance.BorderSize = 4;

shape1.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

shape1.Appearance.BackColor = Color.White;

shape1.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

shape1.Appearance.ForeColor = Color.FromArgb(128, 0, 0, 0);

shape1.Content = "도형1";

this.diagramControl.Items.Add(shape1);

DiagramShape shape2 = new DiagramShape();

shape2.Size = new SizeF(100F, 100F);

shape2.Position = new PointFloat(300f, 400f);

shape2.Shape = BasicShapes.Ellipse;

shape2.Appearance.BorderSize = 4;

shape2.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

shape2.Appearance.BackColor = Color.White;

shape2.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

shape2.Appearance.ForeColor = Color.FromArgb(128, 0, 0, 0);

shape2.Content = "도형2";

this.diagramControl.Items.Add(shape2);

DiagramConnector connector1 = new DiagramConnector();

connector1.BeginItem = shape1;

connector1.EndItem = shape2;

connector1.Type = ConnectorType.Straight;

connector1.Appearance.BorderSize = 4;

connector1.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

connector1.Appearance.ContentBackground = Color.Transparent;

connector1.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

connector1.Appearance.ForeColor = Color.FromArgb(128, 255, 0, 0);

connector1.Content = "연결 1";

this.diagramControl.Items.Add(connector1);

DiagramShape shape3 = new DiagramShape();

shape3.Size = new SizeF(100f, 100f);

shape3.Position = new PointFloat(600f, 400f);

shape3.Shape = BasicShapes.Ellipse;

shape3.Appearance.BorderSize = 4;

shape3.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

shape3.Appearance.BackColor = Color.White;

shape3.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

shape3.Appearance.ForeColor = Color.FromArgb(128, 0, 0, 0);

shape3.Content = "도형3";

this.diagramControl.Items.Add(shape3);

DiagramConnector connector2 = new DiagramConnector();

connector2.BeginItem = shape1;

connector2.EndItem = shape3;

connector2.Type = ConnectorType.Straight;

connector2.Appearance.BorderSize = 4;

connector2.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

connector2.Appearance.ContentBackground = Color.Transparent;

connector2.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

connector2.Appearance.ForeColor = Color.FromArgb(128, 255, 0, 0);

connector2.Content = "연결 2";

this.diagramControl.Items.Add(connector2);

this.diagramControl.FitToDrawing();

this.diagramControl.CustomDrawItem += diagramControl_CustomDrawItem;

}

#endregion

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

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

#region 다이어그램 항목 커스텀 그리기 - diagramControl_CustomDrawItem(sender, e)

/// <summary>

/// 다이어그램 항목 커스텀 그리기

/// </summary>

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

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

private void diagramControl_CustomDrawItem(object sender, CustomDrawItemEventArgs e)

{

e.DefaultDraw();

DiagramShape shape = e.Item as DiagramShape;

if(shape != null)

{

PointCollection pointCollection = shape.ActualConnectionPoints;

foreach(PointFloat point in pointCollection)

{

e.Graphics.DrawEllipse

(

new Pen(Color.FromArgb(128, Color.Blue), 2),

point.X * shape.Width - pointSize / 2,

point.Y * shape.Height - pointSize / 2,

pointSize,

pointSize

);

}

e.Handled = true;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramContainer 클래스 : 컨테이너 생성하기

■ DiagramContainer 클래스를 사용해 컨테이너를 생성하는 방법을 보여준다. ▶ MainForm.cs


using System.Drawing;
using System.Windows.Forms;

using DevExpress.Diagram.Core;
using DevExpress.Utils;
using DevExpress.XtraDiagram;
using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid       = false;
            this.diagramControl.OptionsView.ShowRulers     = false;
            this.diagramControl.OptionsView.ShowPageBreaks = false;

            DiagramShape shape1 = new DiagramShape();

            shape1.Size                   = new SizeF(100f, 100f);
            shape1.Position               = new PointFloat(200f, 50f);
            shape1.Shape                  = BasicShapes.Ellipse;
            shape1.Appearance.BorderSize  = 4;
            shape1.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);
            shape1.Appearance.BackColor   = Color.White;
            shape1.Appearance.Font        = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            shape1.Appearance.ForeColor   = Color.FromArgb(128, 0, 0, 0);
            shape1.Content                = "도형1";

            DiagramShape shape2 = new DiagramShape();

            shape2.Size                   = new SizeF(100F, 100F);
            shape2.Position               = new PointFloat(50f, 250f);
            shape2.Shape                  = BasicShapes.Ellipse;
            shape2.Appearance.BorderSize  = 4;
            shape2.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);
            shape2.Appearance.BackColor   = Color.White;
            shape2.Appearance.Font        = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            shape2.Appearance.ForeColor   = Color.FromArgb(128, 0, 0, 0);
            shape2.Content                = "도형2";

            DiagramShape shape3 = new DiagramShape();

            shape3.Size                   = new SizeF(100f, 100f);
            shape3.Position               = new PointFloat(350f, 250f);
            shape3.Shape                  = BasicShapes.Ellipse;
            shape3.Appearance.BorderSize  = 4;
            shape3.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);
            shape3.Appearance.BackColor   = Color.White;
            shape3.Appearance.Font        = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            shape3.Appearance.ForeColor   = Color.FromArgb(128, 0, 0, 0);
            shape3.Content                = "도형3";

            DiagramContainer container = new DiagramContainer();

            container.Size          = new SizeF(500f, 500f);
            container.Position      = new PointFloat(100f, 100f);
            container.Shape         = StandardContainers.Classic;
            container.ShowHeader    = true;
            container.HeaderPadding = new Padding(8);
            container.Header        = "컨테이너";
            container.Padding       = new Padding(8);

            container.Items.Add(shape1);
            container.Items.Add(shape2);
            container.Items.Add(shape3);

            this.diagramControl.Items.Add(container);

            DiagramConnector connector1 = new DiagramConnector();

            connector1.BeginItem                    = shape1;
            connector1.EndItem                      = shape2;
            connector1.Type                         = ConnectorType.Straight;
            connector1.Appearance.BorderSize        = 4;
            connector1.Appearance.BorderColor       = Color.FromArgb(128, 0, 0, 0);
            connector1.Appearance.ContentBackground = Color.Transparent;
            connector1.Appearance.Font              = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            connector1.Appearance.ForeColor         = Color.FromArgb(128, 255, 0, 0);
            connector1.Content                      = "연결 1";

            this.diagramControl.Items.Add(connector1);

            DiagramConnector connector2 = new DiagramConnector();

            connector2.BeginItem                    = shape1;
            connector2.EndItem                      = shape3;
            connector2.Type                         = ConnectorType.Straight;
            connector2.Appearance.BorderSize        = 4;
            connector2.Appearance.BorderColor       = Color.FromArgb(128, 0, 0, 0);
            connector2.Appearance.ContentBackground = Color.Transparent;
            connector2.Appearance.Font              = new Font("나눔고딕코딩", 12f, FontStyle.Bold);
            connector2.Appearance.ForeColor         = Color.FromArgb(128, 255, 0, 0);
            connector2.Content                      = "연결 2";

            this.diagramControl.Items.Add(connector2);

            this.diagramControl.FitToDrawing();
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

using System.Drawing;

using System.Windows.Forms;

using DevExpress.Diagram.Core;

using DevExpress.Utils;

using DevExpress.XtraDiagram;

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

DiagramShape shape1 = new DiagramShape();

shape1.Size = new SizeF(100f, 100f);

shape1.Position = new PointFloat(200f, 50f);

shape1.Shape = BasicShapes.Ellipse;

shape1.Appearance.BorderSize = 4;

shape1.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

shape1.Appearance.BackColor = Color.White;

shape1.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

shape1.Appearance.ForeColor = Color.FromArgb(128, 0, 0, 0);

shape1.Content = "도형1";

DiagramShape shape2 = new DiagramShape();

shape2.Size = new SizeF(100F, 100F);

shape2.Position = new PointFloat(50f, 250f);

shape2.Shape = BasicShapes.Ellipse;

shape2.Appearance.BorderSize = 4;

shape2.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

shape2.Appearance.BackColor = Color.White;

shape2.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

shape2.Appearance.ForeColor = Color.FromArgb(128, 0, 0, 0);

shape2.Content = "도형2";

DiagramShape shape3 = new DiagramShape();

shape3.Size = new SizeF(100f, 100f);

shape3.Position = new PointFloat(350f, 250f);

shape3.Shape = BasicShapes.Ellipse;

shape3.Appearance.BorderSize = 4;

shape3.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

shape3.Appearance.BackColor = Color.White;

shape3.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

shape3.Appearance.ForeColor = Color.FromArgb(128, 0, 0, 0);

shape3.Content = "도형3";

DiagramContainer container = new DiagramContainer();

container.Size = new SizeF(500f, 500f);

container.Position = new PointFloat(100f, 100f);

container.Shape = StandardContainers.Classic;

container.ShowHeader = true;

container.HeaderPadding = new Padding(8);

container.Header = "컨테이너";

container.Padding = new Padding(8);

container.Items.Add(shape1);

container.Items.Add(shape2);

container.Items.Add(shape3);

this.diagramControl.Items.Add(container);

DiagramConnector connector1 = new DiagramConnector();

connector1.BeginItem = shape1;

connector1.EndItem = shape2;

connector1.Type = ConnectorType.Straight;

connector1.Appearance.BorderSize = 4;

connector1.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

connector1.Appearance.ContentBackground = Color.Transparent;

connector1.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

connector1.Appearance.ForeColor = Color.FromArgb(128, 255, 0, 0);

connector1.Content = "연결 1";

this.diagramControl.Items.Add(connector1);

DiagramConnector connector2 = new DiagramConnector();

connector2.BeginItem = shape1;

connector2.EndItem = shape3;

connector2.Type = ConnectorType.Straight;

connector2.Appearance.BorderSize = 4;

connector2.Appearance.BorderColor = Color.FromArgb(128, 0, 0, 0);

connector2.Appearance.ContentBackground = Color.Transparent;

connector2.Appearance.Font = new Font("나눔고딕코딩", 12f, FontStyle.Bold);

connector2.Appearance.ForeColor = Color.FromArgb(128, 255, 0, 0);

connector2.Content = "연결 2";

this.diagramControl.Items.Add(connector2);

this.diagramControl.FitToDrawing();

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramContainer 클래스 : ShowHeader 속성을 사용해 헤더 표시하기

■ DiagramContainer 클래스의 ShowHeader 속성을 사용해 헤더를 표시하는 방법을 보여준다. ▶ MainForm.cs


using System.Collections.Generic;
using System.Drawing;

using DevExpress.Diagram.Core;
using DevExpress.Utils;
using DevExpress.XtraDiagram;
using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid       = false;
            this.diagramControl.OptionsView.ShowRulers     = false;
            this.diagramControl.OptionsView.ShowPageBreaks = false;

            List<ContainerShapeDescription> list = new List<ContainerShapeDescription>();

            list.Add(StandardContainers.Alternating);
            list.Add(StandardContainers.Banner     );
            list.Add(StandardContainers.Classic    );
            list.Add(StandardContainers.Corners    );
            list.Add(StandardContainers.Plain      );

            for(int i = 0; i < list.Count; i++)
            {
                int x = GetColumnIndex(3, i);
                int y = GetRowIndex(3, i);

                DiagramContainer container = new DiagramContainer();

                container.Position        = new PointFloat(x * 200f + 100f, y * 150f + 100f);
                container.Size            = new SizeF(100f, 100f);
                container.Shape           = list[i];
                container.Appearance.Font = new Font("나눔고딕코딩", 10f);
                container.ShowHeader      = true;
                container.Header          = "헤더";

                this.diagramControl.Items.Add(container);
            }

            this.diagramControl.FitToDrawing();
        }

        #endregion

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

        #region 행 인덱스 구하기 - GetRowIndex(columnCount, sequenceIndex)

        /// <summary>
        /// 행 인덱스 구하기
        /// </summary>
        /// <param name="columnCount">컬럼 수</param>
        /// <param name="sequenceIndex">순번 인덱스</param>
        /// <returns>행 인덱스</returns>
        private int GetRowIndex(int columnCount, int sequenceIndex)
        {
            return sequenceIndex / columnCount;
        }

        #endregion
        #region 컬럼 인덱스 구하기 - GetColumnIndex(columnCount, sequenceIndex)

        /// <summary>
        /// 컬럼 인덱스 구하기
        /// </summary>
        /// <param name="columnCount">컬럼 수</param>
        /// <param name="sequenceIndex">순번 인덱스</param>
        /// <returns>컬럼 인덱스</returns>
        private int GetColumnIndex(int columnCount, int sequenceIndex)
        {
            return sequenceIndex % columnCount;
        }

        #endregion
    }
}

using System.Collections.Generic;

using System.Drawing;

using DevExpress.Diagram.Core;

using DevExpress.Utils;

using DevExpress.XtraDiagram;

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

List<ContainerShapeDescription> list = new List<ContainerShapeDescription>();

list.Add(StandardContainers.Alternating);

list.Add(StandardContainers.Banner );

list.Add(StandardContainers.Classic );

list.Add(StandardContainers.Corners );

list.Add(StandardContainers.Plain );

for(int i = 0; i < list.Count; i++)

{

int x = GetColumnIndex(3, i);

int y = GetRowIndex(3, i);

DiagramContainer container = new DiagramContainer();

container.Position = new PointFloat(x * 200f + 100f, y * 150f + 100f);

container.Size = new SizeF(100f, 100f);

container.Shape = list[i];

container.Appearance.Font = new Font("나눔고딕코딩", 10f);

container.ShowHeader = true;

container.Header = "헤더";

this.diagramControl.Items.Add(container);

}

this.diagramControl.FitToDrawing();

}

#endregion

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

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

#region 행 인덱스 구하기 - GetRowIndex(columnCount, sequenceIndex)

/// <summary>

/// 행 인덱스 구하기

/// </summary>

/// <param name="columnCount">컬럼 수</param>

/// <param name="sequenceIndex">순번 인덱스</param>

/// <returns>행 인덱스</returns>

private int GetRowIndex(int columnCount, int sequenceIndex)

{

return sequenceIndex / columnCount;

}

#endregion

#region 컬럼 인덱스 구하기 - GetColumnIndex(columnCount, sequenceIndex)

/// <summary>

/// 컬럼 인덱스 구하기

/// </summary>

/// <param name="columnCount">컬럼 수</param>

/// <param name="sequenceIndex">순번 인덱스</param>

/// <returns>컬럼 인덱스</returns>

private int GetColumnIndex(int columnCount, int sequenceIndex)

{

return sequenceIndex % columnCount;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramContainer 클래스 : Shape 속성을 사용해 이용 가능한 컨테이너 나열하기

■ DiagramContainer 클래스의 Shape 속성을 사용해 이용 가능한 컨테이너를 나열하는 방법을 보여준다. ▶ MainForm.cs


using System.Collections.Generic;
using System.Drawing;

using DevExpress.Diagram.Core;
using DevExpress.Utils;
using DevExpress.XtraDiagram;
using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid       = false;
            this.diagramControl.OptionsView.ShowRulers     = false;
            this.diagramControl.OptionsView.ShowPageBreaks = false;

            List<ContainerShapeDescription> list = new List<ContainerShapeDescription>();

            list.Add(StandardContainers.Alternating);
            list.Add(StandardContainers.Banner     );
            list.Add(StandardContainers.Classic    );
            list.Add(StandardContainers.Corners    );
            list.Add(StandardContainers.Plain      );

            for(int i = 0; i < list.Count; i++)
            {
                int x = GetColumnIndex(3, i);
                int y = GetRowIndex(3, i);

                DiagramContainer container = new DiagramContainer();

                container.Position = new PointFloat(x * 200f + 100f, y * 150f + 100f);
                container.Size     = new SizeF(100f, 100f);
                container.Shape    = list[i];

                this.diagramControl.Items.Add(container);
            }

            this.diagramControl.FitToDrawing();
        }

        #endregion

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

        #region 행 인덱스 구하기 - GetRowIndex(columnCount, sequenceIndex)

        /// <summary>
        /// 행 인덱스 구하기
        /// </summary>
        /// <param name="columnCount">컬럼 수</param>
        /// <param name="sequenceIndex">순번 인덱스</param>
        /// <returns>행 인덱스</returns>
        private int GetRowIndex(int columnCount, int sequenceIndex)
        {
            return sequenceIndex / columnCount;
        }

        #endregion
        #region 컬럼 인덱스 구하기 - GetColumnIndex(columnCount, sequenceIndex)

        /// <summary>
        /// 컬럼 인덱스 구하기
        /// </summary>
        /// <param name="columnCount">컬럼 수</param>
        /// <param name="sequenceIndex">순번 인덱스</param>
        /// <returns>컬럼 인덱스</returns>
        private int GetColumnIndex(int columnCount, int sequenceIndex)
        {
            return sequenceIndex % columnCount;
        }

        #endregion
    }
}

using System.Collections.Generic;

using System.Drawing;

using DevExpress.Diagram.Core;

using DevExpress.Utils;

using DevExpress.XtraDiagram;

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

List<ContainerShapeDescription> list = new List<ContainerShapeDescription>();

list.Add(StandardContainers.Alternating);

list.Add(StandardContainers.Banner );

list.Add(StandardContainers.Classic );

list.Add(StandardContainers.Corners );

list.Add(StandardContainers.Plain );

for(int i = 0; i < list.Count; i++)

{

int x = GetColumnIndex(3, i);

int y = GetRowIndex(3, i);

DiagramContainer container = new DiagramContainer();

container.Position = new PointFloat(x * 200f + 100f, y * 150f + 100f);

container.Size = new SizeF(100f, 100f);

container.Shape = list[i];

this.diagramControl.Items.Add(container);

}

this.diagramControl.FitToDrawing();

}

#endregion

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

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

#region 행 인덱스 구하기 - GetRowIndex(columnCount, sequenceIndex)

/// <summary>

/// 행 인덱스 구하기

/// </summary>

/// <param name="columnCount">컬럼 수</param>

/// <param name="sequenceIndex">순번 인덱스</param>

/// <returns>행 인덱스</returns>

private int GetRowIndex(int columnCount, int sequenceIndex)

{

return sequenceIndex / columnCount;

}

#endregion

#region 컬럼 인덱스 구하기 - GetColumnIndex(columnCount, sequenceIndex)

/// <summary>

/// 컬럼 인덱스 구하기

/// </summary>

/// <param name="columnCount">컬럼 수</param>

/// <param name="sequenceIndex">순번 인덱스</param>

/// <returns>컬럼 인덱스</returns>

private int GetColumnIndex(int columnCount, int sequenceIndex)

{

return sequenceIndex % columnCount;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramContainer 클래스 : Shape 속성을 사용해 컨테이너 도형 종류 설정하기

■ DiagramContainer 클래스의 Shape 속성을 사용해 컨테이너 도형 종류를 설정하는 방법을 보여준다. ▶ MainForm.cs


using System.Drawing;

using DevExpress.Diagram.Core;
using DevExpress.Utils;
using DevExpress.XtraDiagram;
using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.diagramControl.OptionsView.ShowGrid       = false;
            this.diagramControl.OptionsView.ShowRulers     = false;
            this.diagramControl.OptionsView.ShowPageBreaks = false;

            DiagramContainer diagramContainer = new DiagramContainer();

            diagramContainer.Size     = new SizeF(100f, 100f);
            diagramContainer.Position = new PointFloat(100f, 100f);
            diagramContainer.Shape    = StandardContainers.Alternating;

            this.diagramControl.Items.Add(diagramContainer);

            this.diagramControl.FitToDrawing();
        }

        #endregion
    }
}

using System.Drawing;

using DevExpress.Diagram.Core;

using DevExpress.Utils;

using DevExpress.XtraDiagram;

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.diagramControl.OptionsView.ShowGrid = false;

this.diagramControl.OptionsView.ShowRulers = false;

this.diagramControl.OptionsView.ShowPageBreaks = false;

DiagramContainer diagramContainer = new DiagramContainer();

diagramContainer.Size = new SizeF(100f, 100f);

diagramContainer.Position = new PointFloat(100f, 100f);

diagramContainer.Shape = StandardContainers.Alternating;

this.diagramControl.Items.Add(diagramContainer);

this.diagramControl.FitToDrawing();

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] DiagramCommandsBase 클래스 : RegisterHotKeys 메소드를 사용해 단축키(shortcut) 등록하기

■ DiagramCommandsBase 클래스의 RegisterHotKeys 메소드를 사용해 단축키(shortcut)를 등록하는 방법을 보여준다. ▶ MainForm.cs


using System.Drawing;
using System.IO;
using System.Windows.Input;

using DevExpress.Diagram.Core;
using DevExpress.Utils;
using DevExpress.XtraDiagram;
using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            DiagramStencil diagramStencil = new DiagramStencil("SVGShape", "SVGShape");

            for(int i = 1; i < 6; i++)
            {
                string filePath = $"IMAGE\\chart{i}.svg";

                using(FileStream stream = File.OpenRead(filePath))
                {
                    ShapeDescription shapeDescription = ShapeDescription.CreateSvgShape
                    (
                        $"chart{i}",
                        $"chart{i}",
                        stream,
                        false,
                        (size) => new[] { new System.Windows.Point(size.Width / 2, size.Height / 2) },
                        "#ff0000",
                        "#000000"
                    );

                    diagramStencil.RegisterShape(shapeDescription);
                }
            }

            for(int i = 0; i < 5; i++)
            {
                int x = GetColumnIndex(5, i);
                int y = GetRowIndex(5, i);

                DiagramShape shape = new DiagramShape();

                shape.Size     = new SizeF(100f, 100f);
                shape.Position = new PointFloat(x * 150f + 100f, y * 150f + 100f);
                shape.Shape    = diagramStencil.GetShape($"chart{i + 1}");

                this.diagramControl.Items.Add(shape);
            }

            this.diagramControl.FitToDrawing();

            this.diagramControl.Commands.RegisterHotKeys
            (
                x => {

                    x.RegisterHotKey
                    (
                        Key.F10,
                        System.Windows.Input.ModifierKeys.None,
                        DiagramCommandsBase.ShowPrintPreviewCommand
                    );

                    x.ClearHotKeys(DiagramCommandsBase.SaveFileCommand);
                }
            );
        }

        #endregion

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

        #region 행 인덱스 구하기 - GetRowIndex(columnCount, sequenceIndex)

        /// <summary>
        /// 행 인덱스 구하기
        /// </summary>
        /// <param name="columnCount">컬럼 수</param>
        /// <param name="sequenceIndex">순번 인덱스</param>
        /// <returns>행 인덱스</returns>
        private int GetRowIndex(int columnCount, int sequenceIndex)
        {
            return sequenceIndex / columnCount;
        }

        #endregion
        #region 컬럼 인덱스 구하기 - GetColumnIndex(columnCount, sequenceIndex)

        /// <summary>
        /// 컬럼 인덱스 구하기
        /// </summary>
        /// <param name="columnCount">컬럼 수</param>
        /// <param name="sequenceIndex">순번 인덱스</param>
        /// <returns>컬럼 인덱스</returns>
        private int GetColumnIndex(int columnCount, int sequenceIndex)
        {
            return sequenceIndex % columnCount;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

using System.Drawing;

using System.IO;

using System.Windows.Input;

using DevExpress.Diagram.Core;

using DevExpress.Utils;

using DevExpress.XtraDiagram;

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

DiagramStencil diagramStencil = new DiagramStencil("SVGShape", "SVGShape");

for(int i = 1; i < 6; i++)

{

string filePath = $"IMAGE\\chart{i}.svg";

using(FileStream stream = File.OpenRead(filePath))

{

ShapeDescription shapeDescription = ShapeDescription.CreateSvgShape

(

$"chart{i}",

stream,

false,

(size) => new[] { new System.Windows.Point(size.Width / 2, size.Height / 2) },

"#ff0000",

"#000000"

);

diagramStencil.RegisterShape(shapeDescription);

}

for(int i = 0; i < 5; i++)

{

int x = GetColumnIndex(5, i);

int y = GetRowIndex(5, i);

DiagramShape shape = new DiagramShape();

shape.Size = new SizeF(100f, 100f);

shape.Position = new PointFloat(x * 150f + 100f, y * 150f + 100f);

shape.Shape = diagramStencil.GetShape($"chart{i + 1}");

this.diagramControl.Items.Add(shape);

}

this.diagramControl.FitToDrawing();

this.diagramControl.Commands.RegisterHotKeys

(

x => {

x.RegisterHotKey

(

Key.F10,

System.Windows.Input.ModifierKeys.None,

DiagramCommandsBase.ShowPrintPreviewCommand

);

x.ClearHotKeys(DiagramCommandsBase.SaveFileCommand);

}

);

}

#endregion

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

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

#region 행 인덱스 구하기 - GetRowIndex(columnCount, sequenceIndex)

/// <summary>

/// 행 인덱스 구하기

/// </summary>

/// <param name="columnCount">컬럼 수</param>

/// <param name="sequenceIndex">순번 인덱스</param>

/// <returns>행 인덱스</returns>

private int GetRowIndex(int columnCount, int sequenceIndex)

{

return sequenceIndex / columnCount;

}

#endregion

#region 컬럼 인덱스 구하기 - GetColumnIndex(columnCount, sequenceIndex)

/// <summary>

/// 컬럼 인덱스 구하기

/// </summary>

/// <param name="columnCount">컬럼 수</param>

/// <param name="sequenceIndex">순번 인덱스</param>

/// <returns>컬럼 인덱스</returns>

private int GetColumnIndex(int columnCount, int sequenceIndex)

{

return sequenceIndex % columnCount;

}

#endregion

}

※ F10 키를 누르면 인쇄 미리보기 대화 상자가 출력된다.

[C#/WINFORM/DEVEXPRESS] DiagramStencil 클래스 : 숨긴 스텐실 생성하기

■ DiagramStencil 클래스를 사용해 숨긴 스텐실을 생성하는 방법을 보여준다. ▶ 예제 코드 (C#)


using DevExpress.Diagram.Core;

DiagramStencil diagramStencil = new DiagramStencil("InvisibleStencil", "Invisible Stencil", false);

using DevExpress.Diagram.Core;

DiagramStencil diagramStencil = new DiagramStencil("InvisibleStencil", "Invisible Stencil", false);