# 类图工具栏、上下文菜单和图例

> For the complete documentation index, see [llms.txt](https://www.jetbrains.com/zh-cn/help/idea/llms.txt).

有关使用 UML 类图的更多信息，请参阅 [UML 类图](class-diagram.html)。

## 工具栏

|  条目  |  描述  |
| --- | --- |
|  ![字段](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.nodes.field.svg)  |  点击此按钮以在类节点中显示字段。  |
|  ![构造函数](https://resources.jetbrains.com/help/img/idea/2026.3/uml-support.icons.expui.constructor.svg)  |  点击此按钮以在类节点中显示构造函数。  |
|  ![方法](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.nodes.method.svg)  |  点击此按钮以显示类节点中的方法。  |
|  ![属性](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.nodes.property.svg)  |  点击此按钮以显示类节点中的属性。  |
|  ![内部类](https://resources.jetbrains.com/help/img/idea/2026.3/uml-support.icons.expui.innerClass.svg)  |  点击此按钮以显示类节点中的内部类。  |
|  ![可见性级别](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.general.inspections.inspectionsEye.svg)  |  点击此按钮以显示组合框，然后选择要在图表中显示的元素的可见性级别。  |
|  ![作用域](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.general.filter.svg)  |  点击此按钮以显示组合框，然后选择要在图中显示的元素范围，例如，项目或非项目文件。 选定范围外的元素将被隐藏。  |
|  ![创建边模式按钮](https://resources.jetbrains.com/help/img/idea/2026.3/uml-support.icons.expui.edgeMod.svg)  |  点击此按钮以启用在节点元素之间创建  extends  或  implements  链接。 如果此按钮未被按下，无法绘制链接。  |
|  ![显示依赖项](https://resources.jetbrains.com/help/img/idea/2026.3/uml-support.icons.expui.dependencies.svg)  |  点击此按钮以显示所选类或包的依赖项。  |
|  ![更改项目顺序](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.objectBrowser.sortByType.svg)  |  点击此图标可配置显示图中的排序顺序。  |
|  ![放大](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.image.zoomIn.svg)  |  点击此按钮以增加图表的比例，或按 `NumPad+` (Windows), `NumPad+` (macOS), `NumPad+` (IntelliJ IDEA Classic (macOS)), `NumPad+` (macOS System Shortcuts), `NumPad+` (XWin), `NumPad+` (GNOME), `NumPad+` (KDE), `NumPad+` (Emacs), `NumPad+` (Sublime Text), `NumPad+` (Sublime Text (macOS)), `NumPad+` (Visual Studio), `NumPad+` (Visual Studio (macOS)), `NumPad+` (NetBeans), `NumPad+` (Eclipse), `NumPad+` (Eclipse (macOS))。  |
|  ![缩小](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.image.zoomOut.svg)  |  点击此按钮以缩小图表比例，或按 `NumPad-` (Windows), `NumPad-` (macOS), `NumPad-` (IntelliJ IDEA Classic (macOS)), `NumPad-` (macOS System Shortcuts), `NumPad-` (XWin), `NumPad-` (GNOME), `NumPad-` (KDE), `NumPad-` (Emacs), `NumPad-` (Sublime Text), `NumPad-` (Sublime Text (macOS)), `NumPad-` (Visual Studio), `NumPad-` (Visual Studio (macOS)), `NumPad-` (NetBeans), `NumPad-` (Eclipse), `NumPad-` (Eclipse (macOS))。  |
|  ![实际大小](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.image.actualZoom.svg)  |  点击此按钮以恢复图表的实际尺寸。  |
|  ![适应内容](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.image.fitContent.svg)  |  点击此按钮以使内容适应当前图表大小。  |
|  ![应用当前布局](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.graph.graphLayout.svg)  |  点击此按钮以应用从图表的上下文菜单中选择的当前布局，或按 `F5` (Windows), `F5` (macOS), `F5` (IntelliJ IDEA Classic (macOS)), `⌘ ⌥ Y` (macOS System Shortcuts), `F5` (XWin), `F5` (GNOME), `F5` (KDE), `F5` (Emacs), `F5` (Sublime Text), `F5` (Sublime Text (macOS)), `F5` (Visual Studio), `F5` (Visual Studio (macOS)), `F5` (NetBeans), `F5` (Eclipse), `F5` (Eclipse (macOS))。  |
|  ![连线路由](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.actions.moveToButton.svg)  |  点击此图标将图表缩放至窗口边缘。  |
|  ![将图表复制到剪贴板](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.general.copy.svg)  |  点击此图标将图表复制到剪贴板。  |
|  ![将所选内容复制到剪贴板](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.actions.inSelection.svg)  |  点击此图标，然后使用鼠标选择任意图表区域：所选区域将被复制到剪贴板。  |
|  ![导出图表](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.general.export.svg)  |     点击此图标可使用与第三方工具兼容的多种格式将图表导出为文件或图像，或在浏览器中打开图表。      ![导出图表](https://resources.jetbrains.com/help/img/idea/2026.3/export_diagram.png)    您可以选择并配置以下选项：        * ![在 Web 编辑器中打开](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.runConfigurations.webApp.svg)：点击此按钮以选择要将图表导出到的第三方编辑器。    * ![将图表复制到剪贴板](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.general.copy.svg)：点击此按钮以使用可用格式之一将图表保存到剪贴板。    * ![保存图表](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.general.save.svg)：点击此按钮以将当前图表保存为文件。 您可以使用列表中的可用格式之一。    * ![保存图像](https://resources.jetbrains.com/help/img/idea/2026.3/markdown.icons.imageGutter.svg)：点击此按钮以将当前图表保存为 PNG 格式。    * ![打印](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.print.svg)：点击此按钮以打印图表。    |
|  ![刷新数据模型](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.general.refresh.svg)  |  点击此按钮以刷新整个图表。  |
|  ![打开图表设置](https://resources.jetbrains.com/help/img/idea/2026.3/app-client.expui.general.settings.svg)  |  点击此按钮以打开 [图表设置](diagrams.html)，您可以在其中配置其他选项。  |

## 上下文菜单

本节仅描述那些工具栏不可用的上下文菜单命令。

|  条目  |  描述  |
| --- | --- |
|  选定元素操作  |  使用此选项可打开应用于图表中所选元素的操作列表。 您可以选择操作来复制元素、跳转到其源、查找其用法、使用   导航  操作、各种 Git 操作等。  |
|  内容  |  使用此选项可打开一个操作列表，帮助您添加新元素、显示依赖项、对图表中的元素进行排序等。     * 将类添加到图表 （ `Space` (Windows), `Space` (macOS), `Space` (IntelliJ IDEA Classic (macOS)), `Space` (macOS System Shortcuts), `Space` (XWin), `Space` (GNOME), `Space` (KDE), `Space` (Emacs), `Space` (Sublime Text), `Space` (Sublime Text (macOS)), `Space` (Visual Studio), `Space` (Visual Studio (macOS)), `Space` (NetBeans), `Space` (Eclipse), `Space` (Eclipse (macOS))）： 选择此命令以 [将现有类添加](class-diagram.html#add_class)到图表背景。    * 新建 （ `Alt+Insert` (Windows), `⌘ N` (macOS), `⌃ N` (IntelliJ IDEA Classic (macOS)), `⌘ N` (macOS System Shortcuts), `Alt+Insert` (XWin), `Alt+Insert` (GNOME), `Alt+Insert` (KDE), `Alt+Insert` (Emacs), `Alt+Insert` (Sublime Text), `⌘ N` (Sublime Text (macOS)), `Alt+Insert` (Visual Studio), `⌘ ⌃ N` (Visual Studio (macOS)), `Alt+Insert` (NetBeans), `Alt+Insert` (Eclipse), `⌘ N` (Eclipse (macOS))）： 选择此命令以创建新节点元素或成员。    * 显示类别 ：选择此命令以在类节点中显示所选代码元素。 例如，您可以选择 字段 以查看类中的所有字段元素。 ![类中的字段](https://resources.jetbrains.com/help/img/idea/2026.3/fields_of_class.png)     > **Note:** > 列表中其余命令可在 [工具栏](#toolbar) 中使用。    |
|  查看实现（ `Ctrl+Alt+B` (Windows), `⌘ ⌥ B` (macOS), `⌘ ⌥ B` (IntelliJ IDEA Classic (macOS)), `⌘ ⌥ B` (macOS System Shortcuts), `Ctrl+Alt+B` (XWin), `Ctrl+Alt+B` (GNOME), `Ctrl+Alt+B` (KDE), `Ctrl+Alt+B` (Emacs), `Ctrl+Alt+B` (Sublime Text), `⌘ ⌥ B` (Sublime Text (macOS)), `Alt+End` (Visual Studio), `⌘ ⌥ Click` (Visual Studio (macOS)), `Ctrl+Alt+B` (NetBeans), `Ctrl+T` (Eclipse), `Ctrl+Alt+B` (Eclipse (macOS))）  |  选择此命令以显示所选类的实现。   ![实现](https://resources.jetbrains.com/help/img/idea/2026.3/show_implementations.png)  |
|  显示父级 ( `Ctrl+Alt+P` (Windows), `⌃ P` (macOS), `⌃ P` (IntelliJ IDEA Classic (macOS)), `⌃ P` (macOS System Shortcuts), `Ctrl+Alt+P` (XWin), `Ctrl+Alt+P` (GNOME), `Ctrl+Alt+P` (KDE), `Ctrl+Alt+P` (Emacs), `Ctrl+Alt+P` (Sublime Text), `Ctrl+Alt+P` (Sublime Text (macOS)), `Ctrl+Alt+P` (Visual Studio), `⌃ P` (Visual Studio (macOS)), `Ctrl+Alt+P` (NetBeans), `Ctrl+Alt+P` (Eclipse), `⌃ P` (Eclipse (macOS)))  |  选择此命令以显示所选类的父类。   ![父类](https://resources.jetbrains.com/help/img/idea/2026.3/show_parent_classes.png)  |
|  折叠节点 ( `C` (Windows), `C` (macOS), `C` (IntelliJ IDEA Classic (macOS)), `C` (macOS System Shortcuts), `C` (XWin), `C` (GNOME), `C` (KDE), `C` (Emacs), `C` (Sublime Text), `C` (Sublime Text (macOS)), `C` (Visual Studio), `C` (Visual Studio (macOS)), `C` (NetBeans), `C` (Eclipse), `C` (Eclipse (macOS)))  |  选择此命令以显示所选节点的包含包。  |
|  展开节点 ( `E` (Windows), `E` (macOS), `E` (IntelliJ IDEA Classic (macOS)), `E` (macOS System Shortcuts), `E` (XWin), `E` (GNOME), `E` (KDE), `E` (Emacs), `E` (Sublime Text), `E` (Sublime Text (macOS)), `E` (Visual Studio), `E` (Visual Studio (macOS)), `E` (NetBeans), `E` (Eclipse), `E` (Eclipse (macOS)))  |  选择此命令以显示所选包的类图。  |
|  重构  |  将鼠标悬停在此节点上，以选择在此上下文中可用的重构命令。  |
|  分析图表  |  使用此节点选择用于分析图表的命令之一。 您可以检查图表特性、更改图表的焦点、衡量图表中心性等。  |
|  分析  |  指向此节点以选择此上下文中可用的代码分析命令。  |
|  实际大小  |  使用此选项恢复图表的实际大小。  |
|  适应内容  |  使用此选项将内容适应到当前图表大小。  |
|  布局  |  使用此选项从子菜单中选择所需的图表布局。  |
|  连线路由  |  选择此操作以在编辑器中将图表居中。  |
|  方向  |  使用此命令可选择以下方向选项：自下而上、自上而下等。  |
|  应用当前布局  |  使用此选项应用当前布局，您可以从图表上下文菜单的   布局  节点中选择该布局  |
|  显示连线标签  |  选中此命令以在图表中显示多重性。  |
|  外观  |  使用此选项通过显示网格、装订区域标签、桥梁来管理图表的呈现方式。 此选项还允许您合并装订区域并选择装订区域形状。  |
|  行为  |  使用此选项可选择与图表行为相关的命令，例如将元素与网格对齐、为所选节点显示结构视图，或在布局后适应内容。  |

> **Note:**
> 其余的上下文菜单可在 [diagram toolbar](#toolbar)上使用。

## 类图图例

IntelliJ IDEA 遵循 [UML 约定](https://en.wikipedia.org/wiki/Class_diagram#Relationships) 展示类之间的关系。

![图表编辑器](https://resources.jetbrains.com/help/img/idea/2026.3/uml_class_diagram_legend.png)

除此之外，IntelliJ IDEA 支持以下颜色和箭头：

|  条目  |  描述  |
| --- | --- |
|    ![实现](https://resources.jetbrains.com/help/img/idea/2026.3/implements.png)  |  绿色箭头对应类声明中的  `实现` 子句。  |
|    ![extends](https://resources.jetbrains.com/help/img/idea/2026.3/extends.png)  |  蓝色箭头对应类声明中的  `extends` 子句。  |
|    ![内部类](https://resources.jetbrains.com/help/img/idea/2026.3/inner_class.png)  |  此标志出现在内部类中。  |

## See also

### 过程

[UML 类图](class-diagram.html)

### 外部链接

[http://www.omg.org](http://www.omg.org)