PhpStorm 2018.3 Help

Class Diagram Toolbar, Context Menu and Legend

Toolbar

Item

Description

Methods

Click this button to show methods in the class nodes.

Fields

Click this button to show fields in the class nodes.

the Constructors button

Click this button to show constructors in the class nodes.

the Edge Creation mode button

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

Zoom In

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

Zoom Out

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

Actual Size

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

Fit Content

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

Apply Current Layout

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

Save diagram

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

Export to file

Click this button to save the diagram in an image file.

Print Graph

Click this button to print the diagram.

Print Preview

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.

Jump to Source

F4

Choose this command to open the selected diagram node element in the editor.

Find Usages

Alt+F7

Choose this command to search for usages of the selected node element.

Layout

Select the desired diagram layout from the submenu.

Show Edge Labels

Check this command to show multiplicities in diagram.

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: 18 March 2019

See Also

External Links: