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.
TabbedDiagramView displays multi-page DiagramDocuments. Each DiagramPage is displayed in its own tab. Apart from base DiagramView members, the control includes properties for customizing the tab strip, and to specify whether users are allowed add or remove pages.
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.
ZoomControl lets users change the zoom level of a target DiagramView by dragging a slider. It also includes arrow buttons for scrolling the view.
The Ruler control displays horizontal and vertical scales that let users measure and align diagram nodes.
ShapeDesigner control lets users define shape geometries. Shape definitions can be saved as a shape library XML file, loaded by application using the ShapeLibrary class, and accessed by calling fromId method by the Shape class.
