Class diagram toolbar and context menu

Click this button to show constructors in the class nodes.

Click this button to show methods in the class nodes.

Click this button to show nested types in the class nodes.

Click this button to show extensions of classes, types, and structures on the diagram.

note

AppCode does not show extensions inherited form the parent classes.

Click this button to show protocol extensions on the diagram.

Click this button to show properties in the class nodes.

Click this button to show implicit protocol adoptions.

Click this button to reveal the combo box, and select visibility level of the elements to be displayed in a diagram.

Click this button to restore the actual size of the diagram.

Click this button to make the contents fit into the current diagram size.

Click this button to apply the current layout, selected from the context menu of the diagram, or press F5.

Click this icon to scale the diagram to the edges of the window.

Click this icon to export a diagram using various formats, which are compatible with third-party tools, to a file, to an image, or open the diagram in the browser.

You can select and configure the following options:

• : click this button to select a third-party editor to which you can export the diagram.

• : click this button to save the current diagram as a file. You can use one of the available formats from the list.

• : click this button to save the diagram to a clipboard using one of the available formats.

• : click this button to save the current diagram in the PNG format.

• : click this button to print the diagram.

Click this button to refresh the whole diagram.

Click this button to open the Diagram settings where you can configure additional options.

Selected Element Actions

Use this option to open a list of actions that is applied to a selected element in the diagram. You can select actions to copy an element, jump to its source, find its usages, use the go to actions, various Git actions, and so on.

Content

Use this option to open a list of actions that help you to add new elements, show dependencies, sort elements inside the diagram, and so on.

• New (⌘ N):

  Choose this command to create a new note.

• Show Categories: Choose this command to show the selected code element in the class nodes. For example, you can select Fields to see all the field elements in the classes.

note

The rest of the commands in the list are available in the toolbar.

Show Implementations (⌃ ⌥ B)

Choose this command to display impliminations of the selected class.

Analyze Graph

Use this node to select one of the commands to analyze a diagram. You can check the graph characteristics, change the focus of the graph, measure graph centrality, and so on.

Analyze

Point to this node to select one of the code analysis commands available in this context.

Layout

Use this option to select the desired diagram layout from the submenu.

Orientation

Use this command to select the following orientation options: Bottom to Top, Top to Bottom, and so on.

Apply Current Layout

Use this option to apply the current layout, selected from the Layout node of the diagram context menu

Show Edge Labels

Check this command to show multiplicities in diagram.

Appearance

Use this option to manage the way the diagram is presented by showing the grid, edge labels, bridges. This option also allows you to merge edges and select edge shapes.

Behavior

Use this option to select commands related to the diagram behavior sucha as aligning elements against the grid, showing structure view for the selected node, or fitting the content after the layout.