This demo illustrates how the mouse cursor dynamically changes within a
GraphComponent to signal which interactive action (e.g., move, select,
create) can be initiated at the current pointer location.
Things to Try
Move the Viewport: Press Ctrl while hovering over an empty
canvas area. The cursor changes to GRAB.
Lasso Select: Begin a lasso selection by holding Alt over
an empty area. The cursor becomes a custom lasso icon. During selection,
Shift or Ctrl modifies the cursor to include + (add
to selection) or - (subtract from selection), respectively.
Marquee Select: Perform a rectangular selection by dragging over an
empty area withoutCtrl or Alt held. The cursor
displays as CROSSHAIR. Similar to lasso,
Shift and Ctrl modify the cursor for + (add) or
- (subtract) selection.
Create Edge: Hold Ctrl and hover over an unselected node.
The cursor indicates valid edge creation with a custom icon.
Move Node: Hover over any node withoutCtrl pressed. The cursor changes to MOVE,
indicating you can drag the node.
Show Tooltip: Hover over an edge for a second. The cursor changes to
HELP to indicate that a tooltip can be displayed.