業務流程圖控件FlowChart.NET是一個通用的流程圖控件，提供了用于創建或編輯圖表的直觀的用戶交互模型。在前面的文章中已經講解了一些創建自定義節點類型的步驟，本教程將繼續展示在FlowChart.NET如何創建自定義節點類型的步驟。

8、實現自定義類成員的系列化

C#

protected override void SaveTo(
    System.IO.BinaryWriter writer, PersistContext ctx)
{
    base.SaveTo(writer, ctx);

    // Save the label using the standard .NET BinaryWriter
    writer.Write(label);

    // Save the image using the MindFusion.Diagramming built-in image saving code,
    // which stores the contents of shared images only once.
    ctx.SaveImage(icon);
}

protected override void LoadFrom(
    System.IO.BinaryReader reader, PersistContext ctx)
{
    base.LoadFrom(reader, ctx);

    label = reader.ReadString();
    icon = ctx.LoadImage();
} 

Visual Basic

Protected Overrides Sub SaveTo( _
    ByVal writer As System.IO.BinaryWriter, ByVal ctx As PersistContext)

    MyBase.SaveTo(writer, ctx)
    ' Save the label using the standard .NET BinaryWriter
    writer.Write(fLabel)

    ' Save the image using the MindFusion.Diagramming built-in image saving code,
    ' which stores the contents of shared images only once.
    ctx.SaveImage(fIcon)

End Sub

Protected Overrides Sub LoadFrom( _
    ByVal reader As System.IO.BinaryReader, ByVal ctx As PersistContext)

    MyBase.LoadFrom(reader, ctx)

    fLabel = reader.ReadString()
    fIcon = ctx.LoadImage()

End Sub

9、啟用交互繪圖

要啟用IconNode對象的交互繪圖，在InitializeComponent調用之后添加下面的代碼：

C#

// Let users draw IconNode objects
diagramView.CustomNodeType = typeof(IconNode);
diagramView.Behavior = Behavior.Custom;
 

Visual Basic

Let users draw IconNode objects
diagramView.CustomNodeType = GetType(IconNode)
diagramView.Behavior = Behavior.Custom

如上面一樣設置CustomNodeType和Behavior，來當用戶在畫布上繪制圖表時，指定創建IconNode實例。

 10、添加自定義節點單擊事件

C#

private void diagram_Clicked(object sender, DiagramEventArgs e)
{
    IconNode iconNode = new IconNode(diagram);
    diagram.Nodes.Add(iconNode);

    iconNode.Move(e.MousePosition.X, e.MousePosition.Y);
}

Visual Basic

Private Sub diagram_Clicked(ByVal sender As Object, ByVal e As DiagramEventArgs) Handles diagram.Clicked

    Dim iconNode As IconNode = New IconNode(diagram)

    diagram.Nodes.Add(iconNode)

    iconNode.Move(e.MousePosition.X, e.MousePosition.Y)

End Sub