How to customize line connector's decorator in Diagram?
Customize line connector's decorator in Diagram
To add a custom decorator shape for the connectors, the Load() method of the Decorator class is used. The Load() method is used to load a new custom graphics path.
C#
OrthogonalConnector link = new OrthogonalConnector(rec1.PinPoint, rec2.PinPoint,
MeasureUnits.Pixel);
link.HeadDecorator.DecoratorShape = DecoratorShape.Filled45Arrow;
link.TailDecorator.Load(this.CreateCustomDecorator());
this.diagram1.Model.AppendChild(link);
private GraphicsPath CreateCustomDecorator()
{
GraphicsPath gpPath = new GraphicsPath();
gpPath.AddEllipse(0, 0, 10, 20);
return gpPath;
}
VB
Dim link As OrthogonalConnector = New OrthogonalConnector(rec1.PinPoint, rec2.PinPoint, MeasureUnits.Pixel) link.HeadDecorator.DecoratorShape = DecoratorShape.Filled45Arrow link.TailDecorator.Load(Me.CreateCustomDecorator()) Me.diagram1.Model.AppendChild(link) Private Function CreateCustomDecorator() As GraphicsPath Dim gpPath As GraphicsPath = New GraphicsPath() gpPath.AddEllipse(0, 0, 10, 20) Return gpPath End Function
Sample :
https://help.syncfusion.com/support/samples/kb/diagram.windows/kb_customdecorator/DiagramSample.zip
