PhpStorm 2018.2 Help

Class Diagram Toolbar, Context Menu and Legend

In this section:

Toolbar

Item

Description

method

Click this button to show methods in the class nodes.

icons nodes field svg

Click this button to show fields in the class nodes.

JavaScriptLanguage icons members constructor

Click this button to show constructors in the class nodes.

uml support resources icons edgemode

Click this button to enable creating extends or implements links between node elements. If this button is not pressed, links cannot be drawn.

artwork icons zoomIn

Click this button to increase the scale of the diagram, or press NumPad+.

artwork icons zoomOut

Click this button to decrease the scale of the diagram, or press NumPad-.

icons graph actualZoom svg

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

icons graph fitContent svg

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

icons graph layout svg

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

io

Click this button to save the current diagram as a *.uml file.

icons toolbarDecorator export svg

Click this button to save the diagram in an image file with the specified name and path. The possible formats are: jpeg, png, svg, svgz, or gif.

icon print

Click this button to print the diagram.

printPreview

Click this button to open the diagram preview in a separate frame, where you can configure the page layout, scale, and headings information.

This section describes only those context menu commands that are not available from the toolbar.

Item

Shortcut

Description

Add class to diagram

Space

Choose this command to add existing class to the diagram background.

Collapse nodes

C

Choose this command to show the containing package of the selected node.

Expand nodes

E

Choose this command to show class diagram of the selected package.

New

Alt+Insert

Choose this command to create a new node element or member.

Refactor

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

Analyze

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

Legend of a Class Diagram

Item

Description

implements

The green arrow corresponds to the implements clause in a class declaration.

extends

The blue arrow corresponds to the extends clause in a class declaration.

Last modified: 10 October 2018

See Also