How to fill the shape drawn using pencil tool

29 Nov 20242 minutes to read

By default, when you draw the shape using the pencil tool, it will be created as PolyLineNode and you cannot define the fill style for polyline node. To draw a shape with filled background appearance using the pencil tool, create a custom tool by creating a new class with inheriting ‘PencilTool’ class and override the CreateNode method to draw the shape with filled background appearance.

The following code example illustrates how to override the CreateNode method by creating the new class with inheriting ‘PencilTool’ class.

public class CustomPencilTool : PencilTool
{

public CustomPencilTool(DiagramController controller)
: base(controller)
{
this.Name = "CustomPencilTool";
this.ToolCursor = this.ActionCursor = Resources.Cursors.Pencil;
}

/// <summary>
/// Draw the Specified range of Points into Line.
/// </summary>
/// <param name="gfx">Graphics to draw on.</param>
public override void Draw(System.Drawing.Graphics gfx)
{
Pen pen = new Pen(Color.Black);
gfx.DrawLines(pen, this.Points);
}

protected override Node CreateNode(PointF[] pts)
{
Polygon poly = new Polygon(pts);
return poly;
}

}
Public Class CustomPencilTool Inherits PencilTool

Public Sub New(ByVal controller As DiagramController) 
MyBase.New(controller)
Me.Name = "CustomPencilTool"
Me.ActionCursor = Resources.Cursors.Pencil
Me.ToolCursor = Me.ActionCursor
End Sub

''' <summary>
''' Draw the Specified range of Points into Line.
''' </summary>
''' <param name="gfx">Graphics to draw on.</param>
Public Overrides Sub Draw(ByVal gfx As System.Drawing.Graphics)
Dim pen As New Pen(Color.Black)
gfx.DrawLines(pen, Me.Points)
End Sub

Protected Overrides Function CreateNode(ByVal pts() As PointF) As Node
Dim poly As New Polygon(pts)
Return poly
End Function

End Class

The following code example illustrates how to register the above custom created tool in diagram’s controller and activating it.

//Registering the custom tool...
diagram1.Controller.RegisterTool(new CustomPencilTool(diagram1.Controller));

//Activating the custom tool...
diagram1.Controller.ActivateTool("CustomPencilTool");
'Registering the custom tool...
diagram1.Controller.RegisterTool(New CustomPencilTool(diagram1.Controller))

'Activating the custom tool...
diagram1.Controller.ActivateTool("CustomPencilTool")