We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Overview

The diagram control can be used to create different types of diagrams such as flow charts, use-case diagrams, and workflow process diagrams. This control also provides built-in options to create organizational chart layouts and drill-down layouts.


Node

Nodes are used to host graphical objects that can be arranged and manipulated on a diagram surface.

Nodes in Xamarin.iOS diagram.

Built-in node

Commonly used, basic shapes are built into the diagram control and can be added easily. Their appearance can be customized.

Custom nodes in Xamarin.iOS diagram.

Custom node

Custom shapes can be created and added to the diagram using a few lines of code.

Templates in Xamarin.iOS diagram.

Template

Text, images, controls, any UI element, and templates can be used to visualize a node. Nodes can also be bound to any business object.

Node appearance in Xamarin.iOS diagram.

Appearance

The look and feel of nodes can be customized according to personal preferences. A rich set of properties can be used to customize their color, shading (gradients), and more.


Connectors

The relationship between two nodes is represented using a connector. Some of the key connector features are listed below.

Connectors in Xamarin.iOS diagram.

Connector types

The diagram control supports three types of connectors: straight, curved, and right angle.

Decorators in Xamarin.iOS diagram.

Decorator

Decorators indicate the relationship of connected objects in a class or database diagram. They are used to indicate flow direction in a flow chart or state diagram.

Custom connectors.

Appearance

Connectors’ look and feel can be customized according to personal preferences. A rich set of properties can be used to customize their color, thickness, line style, and decorator shape.


Annotations

Additional information can be shown by adding text, images, and UI elements as annotations on nodes and connectors. Annotations can be aligned at the center or the corners of a node or connector, automatically aligning when a node or connector is moved or rotated.

Annotations in Xamarin.iOS diagram.


Port

Ports act as the connection points of nodes and allow connections to be created at specific points. Custom ports can be created for making connections as required.

Port in Xamarin.iOS diagram.


Editing

A seamless editing experience for manipulating the diagram elements through the UI and APIs.

Resize and rotate in Xamarin.iOS diagram.

Resize and rotate

A node can be resized in eight directions to show everything in multiple angles. Nodes have rotation support, as well.

Clipboard

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.

Z-order in Xamarin.iOS diagram.

Z-order

When multiple objects overlap, the overlapping order can be controlled by specifying which object should be on top and which should be on the bottom.

User handles.

Custom user handle

Add your own user handles to selectors as shown. This can be used to configure frequently used commands like delete, copy, and paste.


Zoom and pan

Large diagrams can be explored using the zoom and pan tools.

Zoom and pan in Xamarin.iOS diagram.


Data source

Populate diagrams with nodes and connectors based on data from external data sources. The control supports loading data from any IEnumerable collection.

Data binding in Xamarin.iOS diagram.


Automatic layout

The automatic layout feature arranges nodes automatically based on a predefined layout logic. It has built-in support for creating an organization chart.

Layout in Xamarin.iOS diagram.


Mind map layout

Create a mind map diagram to brainstorm, plan, organize information, and solve problems.

Mind map in Xamarin.iOS diagram.


Stencil

Stencils provide a gallery of reusable symbols or nodes that can be dragged onto the surface of the diagram.

Stencil in Xamarin.iOS diagram.


Serialization

A diagram’s state can be persisted in JSON format and then loaded back using serialization.

Serialization in Xamarin.iOS diagram.


Export

Share diagrams with others by easily exporting in PNG or JPG formats.

Export in Xamarin.iOS diagram.


130+ XAMARIN CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon