PhpStorm 2020.3 Help

Class Diagram Toolbar, Context Menu and Legend

For information on how to use the UML class diagram, refer to Working with Diagrams .

Toolbar

Item Description
Fields Click this button to show fields in the class nodes.
Constructors the Constructors button Click this button to show constructors in the class nodes.
Methods Click this button to show methods 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 from 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 Click this button to print the diagram.

Legend of the Class Diagram

PhpStorm follows the UML conventions in showing relationships between the classes.

Besides that, PhpStorm supports the following colors and arrows:

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: 25 November 2020