Xamarin.iOS Diagram - A Powerful and Feature-rich Control

The organizational chart helps visualize the structure of an organization. Syncfusion Xamarin.iOS Diagram control provides built-in automatic layout algorithm specifically made for organizational charts to arrange parent and child nodes’ positions automatically.

• Learn more about organizational chart features

Like the organizational chart, Xamarin.iOS Diagram control provides built-in automatic layout algorithm for the mind map diagram, which links the central topic to the sub-topics placed around the central topic in the diagram surface.

• Learn more about mind map diagram features

A flowchart is a visual representation of a process in which each step is represented by a different shape, which contains a short description. The Xamarin.iOS Diagram control offers various feature sets to build flowcharts easily.

• Learn more about flowchart diagram features

Built-in nodes

Use the predefined objects that are built in the diagram control.

Custom nodes

Create and add custom nodes easily.

Templates

In addition to the above, design a node UI template and reuse it across multiple nodes.

• Node template documentation

Appearance

Fully customize the appearance of a node.

Types

Connectors are straight, orthogonal, and curved . Choose any of these based on the type of diagram or relationship between the connected notes.

Arrowheads

Use different types of predefined arrowheads to illustrate flow direction in a flowchart diagram. Also, build custom arrowheads based on the requirement.

Appearance

Like nodes, connectors' look and feel can also be customized as required. The Xamarin.iOS Diagram control provides a rich set of properties to customize connector color, thickness, dash and dot appearance, rounded corners, as well as decorators.

Populate the organizational chart or mind map diagrams based on data from data sources. In addition, data in any format can easily be converted, mapped, and consumed in the diagram by setting a few properties, without having to write any code. Diagram also supports loading data from a List or IEnumerable collection.

• Data binding documentation

Connect to specific places on a node using different types of ports or connecting points.

• Port documentation

Edit

Add and edit text at runtime and mark it read-only if it should not be edited.

Multiple labels

Add any number of labels and further align them individually.

Alignment

Labels include sophisticated alignment options. Labels automatically align when a node or connector moves.

Resize and rotate

Resize a node in eight different directions and lock the node’s aspect ratios to keep its shape. Rotate selected nodes 360 degrees.

Undo, redo, and clipboard

For editing mistakes, undo and redo commands reverse recent changes. The selected object in the diagram can also be cut, copied, and pasted.

Connector editing

Edit the connectors' route easily by dragging thumbs that are visible after selection.

Z-order

When multiple objects overlap, the z-order controls which object needs to be at the top and which at the bottom.

Quick commands

Frequently used commands like delete, connect, and duplicate can be shown as buttons near a selector. This makes it easy to perform those operations quickly instead of searching for the correct buttons in a toolbox.

• Custom user handle documentation

Draw connectors and connect them with nodes interactively by just touch and move on the drawing area.

• Drawing tool documentation

View a large diagram closer or wider by zooming in and out. Also, you can navigate from one region to another by panning through the diagram.

Includes a gallery of stencils, besides reusable symbols, and nodes that can be dragged onto the surface of a diagram.

• Stencil documentation

Improve the navigation experience when exploring large diagrams. The panel displays a small preview of the full diagram page that further allows zooming and panning within it.

• Overview panel documentation

Save the diagram state in JSON format and load it back later for further editing using the serializer.

Export the diagram in PNG and JPEG image file formats.

• Gridlines documentation

Stencils are able to load symbols like connectors and nodes (all shapes), and custom shapes with annotations into the Diagram component.

• Stencil with annotation documentation

👁 double-quotes-image

It has more tools and support than its competitors

Syncfusion essential studio samples are really helpfull. Docking Manager, Diagram, Undo-Redo, Mapping, Themes

👁 double-quotes-image

Nice suite of components

A very complete set of components, that has an edge on other major vendors which offer components. A lot less code required to use and code samples for more complete components. Integrates well with other 3rd party components.

👁 Capterra-logo
Read more on Capterra

👁 G2-logo
Read more on G2

👁 GetApp-logo
Read more on GetApp

👁 documentation
Documentation

👁 contact-support
Contact Support

👁 forum
Community Forum

👁 Features & Bugs
Features & Bugs