Node Selection Resizing Demo
This demo shows how to implement resizing handles for a selection of nodes. When multiple
nodes are selected, dragging the reshape handles will resize the selection as a whole.
This demo supports two modes:
-
Resize Nodes: Scales the selected items uniformly by scaling both the locations
and the node sizes.
- Scale Locations: Scales the item locations while preserving node sizes.
Things to Try
- Select a single item to get the default move and resize behavior.
- Select multiple nodes and drag the handles to resize the selection.
-
Hold down the
SHIFT
key while resizing to preserve the aspect ratio. Hold
down the ALT
key to resize around the center. You can do both at the same
time.
- Switch between the two resize modes in the toolbar to see their effect.
-
Turn on orthogonal edge editing in the toolbar to see how it affects bend
movement.
-
Turn on snapping in the toolbar to let the selected nodes snap to other items
in the graph.
-
Make the selection rectangle very small or very large to see how resizing respects
size constraints.
This feature is implemented as custom IInputMode that can be added to a
GraphEditorInputMode.