Reshape Handle Provider Configuration Demo

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 Alt 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.