Skip to content

Connection Edges Customization

Luke Flow Diagram comes with 2 set of connection edges:

LukeEdgePainter

  • LukeEdgePainter is simpler but still provides a good level of customization. It draws curved edges just like a bezier courve and can be extended to create move complex Edges.

LukeStepEdgePainter

  • LukeStepEdgePainter is an extension of LukeEdgePainter and is the default edge painter that draws edges if you don't provide a custom one. This is the most customizable edge painter and has many properties that can be adjusted to fit your projects needs.

Custom Edges

You can fully customize the appearance of edges using the edgeBuilder property on LukeFlowCanvas. This property expects a function that returns a LukeEdgePainter. You can build your own edge painter by extending LukeEdgePainter or by using the ones that comes with the package.

Example Usage

See the example below to understand how to customize the edges in your diagram.

As you can see in the example above, you can use any widget as a socket, allowing for complete customization of the socket's appearance.