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.