User Interface Components
The following UI components from the library can be added to a page to let users create and view diagrams:
DiagramView renders the contents of a Diagram, and lets users draw new items by drawing with mouse or touch on the canvas. The Behavior property indicates how the control should interpret users' actions. Additional properties allow scrolling and zooming the view.
The Palette control represents a tool palette that displays DiagramItem objects grouped into categories, and is implemented as accordion UI. Call the AddCategory method to define a category and create its respective accordion pane (an ItemListView). Call AddItem to add an item to specified category. Palette provides same layout and appearance properties as the ItemListView class.
ItemListView represents a tool palette that contains uncategorized list of diagram items. Items can be added to the list by calling AddItem method, and removed by calling RemoveItem. Drag-and-drop operations from ItemListView to DiagramView create a copy of the dragged item, and set its size to NewInstanceSize.
Overview provides a scaled-down view of a target DiagramView, helping users work with larger diagrams. A tracker rectangle shows current viewport of the main DiagramView, and by dragging it users can change the scroll position. It can also be resized to zoom the target view.
The Ruler control displays horizontal and vertical scales that let users measure and align diagram nodes.
ContextMenu implements a popup menu that lets you display commands from clicked events raised by individual items (e.g. NodeClicked) or the diagram canvas (Clicked).