Category / Section
How to add multiple ports for Node in the WPF Diagram (SfDiagram)?
The Multiple number of ports can be added to the node by using the PortCollection class in WPF Diagram (SfDiagram).
C#
SfDiagram diagram = new SfDiagram();
diagram.Nodes = new ObservableCollection<NodeViewModel>();
diagram.PortVisibility = PortVisibility.Visible;
NodeViewModel node = new NodeViewModel()
{
UnitHeight = 100,
UnitWidth = 100,
OffsetX = 200,
OffsetY = 200,
Ports = new PortCollection()
{
new NodePortViewModel()
{
NodeOffsetX = 0,
NodeOffsetY = 0,
},
new NodePortViewModel()
{
NodeOffsetX = 0.5,
NodeOffsetY = 0,
},
new NodePortViewModel()
{
NodeOffsetX = 1,
NodeOffsetY = 0,
},
new NodePortViewModel()
{
NodeOffsetX = 0,
NodeOffsetY = 0.5,
},
new NodePortViewModel()
{
NodeOffsetX = 1,
NodeOffsetY = 0.5,
},
new NodePortViewModel()
{
NodeOffsetX = 0,
NodeOffsetY = 1,
},
new NodePortViewModel()
{
NodeOffsetX = 0.5,
NodeOffsetY = 1,
},
new NodePortViewModel()
{
NodeOffsetX = 1,
NodeOffsetY = 1,
},
},
};
(diagram.Nodes as ObservableCollection<NodeViewModel>).Add(node);
