Custom Styles Tutorial

Edge Cropping

This step shows how to crop an edge at the node's bounds.

Things to Try

Select one of the nodes that connect to the node with the label and move it around. See how the connecting edge ends at the node shape's border.
Take a look at method MySimpleEdgeStyle#getPath().

Left to Do

Change the style of an edge when selected.
Create a custom arrow which fits the style of the demo.
Create a custom port style for nodes.
Use the decorator pattern to add label edges to the nodes.
Create a custom group node style.