UML sequence diagrams

First create a document with “UML Sequence” style (see also below a command driven way to create sequence diagrams).

The editor for sequence diagrams consists of 2 parts: an outline and graphic image. How to create a sequence diagram.

1. Create two or more timelines:

seq1Large

2. Double click a timeline caption to rename it:

seq2Large

3. Right-click a sequence area to add a message:

seq3Large

(or select Add Message from the drop down menu).

4. Select where the source and target are:

seq4Large

5. Build the diagram (Cmd+R):

seq5Large

6. Double click a Text cell to add a message:

seq6Large

Then you can add other messages or containers:

seq7Large

Drag messages to drop it into a container or change the order. Rebuild the diagram to see result. You can also drag and drop timeline columns:

seq8Large

For containers you can change a title:

seq9Large

There is also an option to switch between message and response.

You can change visual properties of a diagram as usual and they will be kept after re-build. See some Preferences in the Inspector:

seq10Large

Vector drawing tools

There is an additional component “Vector Drawing Tools” that allows you to create your own shapes and lines and use them along with predefined shapes. In fact this is a vector drawing editor inside Diagrammix! This component available as in-app purchase both for Mac App Store and non App Store version of the app. See menu Store inside the app.

Import

You can import stencils from Graffletopia.com. Import option is located on the Template Chooser (File – New or Cmd + N).

help23.1large

You can also import stencils into the current document (File – Import). Unnecessary imported groups could be removed from the palette. Right click on the group caption and click Delete menu item.

After import you can edit imported elements. Drag element from the palette, ungroup it one or more times (Cmd+Shift+G), edit, group again or group as element (Object – Group as element, Cmd+Shift+E) if you need connectable element, drag result back to the palette.

Imported elements will be added to the derived template based on Customizable Style.

New document with all imported elements will be created after import to check results.

Files with imported elements are located in the “~/Library/Application Support/Diagrammix/Notations/Imported/”. To remove imported stencil right click icon on the Style chooser panel and click Delete menu item.

Please, report about probable problems with import. We are currently improving this feature, but many stensils are imported without problems. Try it.

Export

You can export Diagrammix drawings to these formats:
– PDF,
– PNG,
– JPEG,
– TIFF

and SVG (File > Export as SVG).

When you export a drawing using the Export dialog box (File menu), an Export the Drawing dialog box may appear, in which you can specify settings for the exported file. If necessary, you can crop exported images to visible objects bounds, specify background transparency (PNG, TIFF). Resolutions from 72 dpi to 300 dpi are available.

Printing

In Diagrammix, the drawing size and printer paper size are set separately. You can set a drawing page size that is the same as, larger than, smaller than, or has a different orientation from the printer paper. The drawing page size is set in the Preferences – Units & Grid section. You can select one of the predefined drawing size or set any drawing size.

You can change the printer paper size in the File – Page setup dialog.

There is special layer Pages (Layer – Layers Palette) to show pages layout. You can move the grid of pages and resize each page. After resizing each page will be scaled to the size of printer paper.

PagerLayerLarge

All process is shown on the next picture:

paginationLarge

Right click on the Pages layer to show context menu with commands “Reset pages layout”, “Add page to the printing range”, “Remove page from the printing range”.
Click with Cmd to add (or remove) current page to the printing range.

With this feature you can easily print just what you need with scaling to the target paper size:

EasySelectionScalingForPrinting

Replace shapes

You can change shape into another shape. Text and connectors are preserved.

help21.1

Working with Selection

You can access an element’s, connector’s, table’s properties via Inspector. After you have a selection, you can perform operations on the selected objects, similar to the actions you can perform in a popup windows.

Groups

You can group selected shapes and connectors. Press shortcut Cmd+Shift+G or click menu item Object – Group. To edit text inside group just select shape in the group, then double click it to open popup menu and click “T” button or press ‘t’ shortcut for this.

EditingTextInsideGroup

Tables

You can draw connectable tables. Use Table Tool to draw 3х3 table.

help16.1

Double click table to see menu. To add/remove row/column use buttons in the menu or commands in the context menu.

help16.2

Select multiple cells with Cmd+click when the menu is visible. Selected cells can be joined. You can split only cells that were previously joined.

help16.3 help16.4

Select the first cell, and then click on the triangle marker to select current row or column. Selected row or column can be deleted.

help16.5

Apply attributes to selected cells with Cell Style Inspector.

help16.6

Apply table attributes with Cell Style Inspector.

help16.7

There are two modes of changing table size.
1. If you drag square marker then table will change it’s overall size with column and rows proportional resizing.
2. If you drag bounding line then column or row changing size occurs.

help16.8