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
.