Valid Begin Cursor Demo

The demo exhibits a GraphComponent where graph editing is configured to show different cursors depending on which gesture is valid to begin at the current location considering the currently pressed modifiers.

Some input modes were configured to only begin when a specific modifier is pressed to distinguish which gesture should start.

Things to try

  • Move the viewport by pressing Ctrl while hovering on an empty location on the canvas. Its valid beginning is indicated by Cursor.GRAB
  • Start lasso selection by pressing Shift while hovering on an empty location on the canvas. Its valid beginning is indicated by a custom lasso cursor.
  • Start marquee selection when neither Shift nor Ctrl is pressed while hovering on an empty location on the canvas. Its valid beginning is indicated by Cursor.CROSSHAIR.
  • Create a new edge by pressing Ctrl while hovering on an unselected node. Its valid beginning is indicated by a custom create-edge cursor.
  • Move a node when Ctrl is not pressed while hovering on a selected or unselected node. Its valid beginning is indicated by Cursor.MOVE.
  • Show tooltips when hovering on an edge for a second. Hovering over a location where a tooltip may be displayed is indicated by Cursor.HELP.