# 组件树

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

Procedure: 安装 Swing UI Designer 插件

此功能性依赖于 Swing UI Designer 插件，您需要安装并启用该插件。

1. 按 `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS)) 打开设置，然后选择  `插件` 。

2. 找到  Swing UI Designer  插件，然后点击   安装  。 如果出现提示，请重启 IDE。

组件树   是 [表单的一部分](design-gui-using-swing.html#sections-of-a-form)，它显示设计表单中包含的组件，并允许您导航到并选择一个或多个组件。 选择一个或多个组件将在设计表单上同步反映，反之亦然。

![窗体的组件树部分](https://resources.jetbrains.com/help/img/idea/2026.3/component_tree_section.png)

组件树层次结构表示包含关系。 可扩展节点代表某种类型的容器。 容器的子节点代表 UI 组件（包括嵌套容器）。 根节点表示表单，实际上是您使用 UI Designer 构建的 GUI 的顶级容器。

当您创建一个新的 Form 时，JPanel 组件会自动添加到表单工作区，并作为 Form 的子级出现在组件树中。 此 JPanel 是当前表单中 UI 组件层次结构的最顶层（在 Java 认为的意义上）。 所有其他 Swing 或其他 UI 组件都包含其中。 还可以在组件树中使用拖放操作将组件从一个容器移动到另一个容器。

## See also

### 参考

[GUI 设计器](gui-designer.html) [教程：使用 Swing 构建用户界面](design-gui-using-swing.html)

