This demo shows how resizing of nodes can be customized.
This is done with custom configurations of the default
IReshapeHandleProvider
that are added to the lookup of the nodes.
Things to Try
Select and resize the nodes.
Hold Shift to keep the aspect ratio for any node.
Hold Ctrl to resize around the node's center.
Node Types
Red nodes
cannot be resized. They don't display resize handles.
Green nodes
show only four handles at the corners. During resizing, these handles always maintain
the aspect ratio of the node.
Dark blue nodes
show only one handle in the bottom right corner. During resizing, this handle always
maintains the center of the node.
Purple nodes
show four handles at the corners and four different handles at the sides. During
resizing, the corner handles always maintain the aspect ratio of the node while the
border handles don't.
Orange nodes
cannot extend beyond the black rectangle. Note that orange nodes can only be resized so
that the new bounding box stays withing the bounding black rectangle.
Light blue nodes
combine the behavior of the orange and green nodes.
Golden nodes
maintain their aspect ratio depending on some application state. This state can be
toggled by clicking one of the handles of a golden node.