# 新 UI

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

新的用户界面 (UI) 是 IntelliJ IDEA 的全新重新设计的外观。 它旨在减少视觉复杂性，提供轻松访问基本功能，并根据需要逐步显示复杂功能，从而呈现更简洁的外观和感觉。

主要变化包括简化的主工具栏、新的 [工具窗口布局](#tool_windows)、新主题和更新的图标。

![概述](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_overview.png)

> **Tip:**
> [经典界面](https://plugins.jetbrains.com/plugin/24468-classic-ui)   可作为一个插件，您可以从 JetBrains Marketplace 安装。 了解详情，请参阅 [从 Marketplace 安装插件](managing-plugins.html#install_plugin_from_repo)。

## 主题、图标、字体

* 新的 浅色 、 深色 和 浅色（浅色标题栏） [配色主题](user-interface-themes.html)具有更高的对比度和一致的色彩调色板。 浅色主题: ![新界面中的浅色主题](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_light_theme.png) 浅色（浅色标题栏）: ![新 UI 的浅色主题（浅色标题栏）](https://resources.jetbrains.com/help/img/idea/2026.3/ij_new_ui_light_header_theme.png) 深色主题: ![新界面的深色主题](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_dark_theme.png)

* 所有支持的操作系统上均使用 英特 字体作为用户界面字体。

* 全新图标集拥有更为鲜明的形状和颜色，以提升可读性和视觉平衡。

## 窗口页眉

窗口标题栏的工具栏中有几个小部件。 从左到右：

![窗口页眉](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_window_header.png)

1.

主菜单（仅限 Windows 和 Linux）

可以选择主菜单的显示方式。 选项如下：

* 与主工具栏合并 ：主菜单和工具栏显示在同一面板上。

* 隐藏在汉堡按钮下方 ：主菜单隐藏在 ![](https://resources.jetbrains.com/help/img/idea/2026.3/调试配置](run-debug-configuration.html)、选择要运行的其他配置，并更改当前配置的模式（运行或调试）。 可以使用此微件编辑、固定或删除配置。

当进程正在运行时，您可以使用小部件重新启动或停止它。

在主工具栏中直接提供更多功能的同时，新窗口标题小部件将操作隐藏在下拉菜单中，以简化布局。

[Video](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_header_widgets.mp4)

Procedure: 快速将操作添加到工具栏

如果您在主工具栏中错过了某个操作，您可以从热门操作列表中添加它。

* 右键点击工具栏，指向   将操作添加到主工具栏  ，然后从列表中选择您要添加的操作。

如果您想添加的操作不在常用操作列表中，请使用 [Customize Main Toolbar](customize-actions-menus-and-toolbars.html#configure-toolbar-actions)对话框。

![将操作添加到主工具栏](https://resources.jetbrains.com/help/img/idea/2026.3/quickly_add_toolbar_actions.png)

所选操作出现在工具栏上。 您可以使用 [自定义主工具栏](customize-actions-menus-and-toolbars.html#configure-toolbar-actions)对话框来删除它或更改其图标。

## 工具窗口

工具窗口有了新的布局和行为：

* 工具窗口栏使用大图标，以便更轻松地进行视觉导航，并使外观更简洁。 您可以在 [紧凑模式](#compact-mode)中选择较小的图标。 要查看工具窗口名称，请将鼠标悬停在其图标上以显示工具提示。

* 如果希望始终显示工具窗口名称，请右键点击工具窗口栏并选择 显示工具窗口名称 。 ![工具窗口名称已启用](https://resources.jetbrains.com/help/img/idea/2026.3/ij_tool_window_names_enabled.png)

* 左右栏上部的工具窗口图标会在 IDE 窗口左右两侧打开垂直工具窗口。 栏底部的图标会在 IDE 窗口底部打开水平工具窗口。 [Video](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_tw_layout.mp4)

* 使用垂直和水平拆分来排列工具窗口：将工具窗口图标沿侧边栏拖动并放置在分隔符下方以进行垂直拆分，或者将其放置在另一个侧边栏上以进行水平拆分。 垂直拆分: [Video](https://resources.jetbrains.com/help/img/idea/2026.3/vertical-tool-window-split.mp4) 水平拆分: [Video](https://resources.jetbrains.com/help/img/idea/2026.3/horizontal-tool-window-split.mp4)

* 更多工具 Windows 按钮显示尚未出现在任何工具窗口条带上的工具窗口。 当工具窗口被选中时，它将会被打开，并且它的按钮会出现在该工具窗口的默认条纹上。 > **Tip:** > 拖动工具窗口图标或使用其上下文菜单将其移动到 IDE 窗口的其他位置。 [Video](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_tw_bars_tooltips.mp4)

## 编辑器选项卡

* 标签使用更多的空间和更大的字体以提高可读性。

* 使用多个编辑器选项卡现在更加方便：如果选项卡不适合屏幕，您可以 [选择](using-code-editor.html#display-multiple-tabs)使用滚动条、压缩选项卡以使其全部适应屏幕，或将选项卡排列成行。 请前往 `设置 | 编辑器 | 常规 | 编辑器标签页 | 在以下位置显示标签页` 并选择所需选项。 滚动标签: ![滚动标签](https://resources.jetbrains.com/help/img/idea/2026.3/scroll-tabs.png) 压缩选项卡: ![压缩选项卡](https://resources.jetbrains.com/help/img/idea/2026.3/squeeze-tabs.png) 多行: ![多行](https://resources.jetbrains.com/help/img/idea/2026.3/multiple-rows-tabs.png)

## 装订区域

* 断点现在默认放置在行号上，以节省横向空间。 您可以在行号附近设置断点：按 `Ctrl+Shift+A` (Windows), `⌘ ⇧ A` (macOS), `⌘ ⇧ A` (IntelliJ IDEA Classic (macOS)), `⌘ ⇧ P` (macOS System Shortcuts), `Ctrl+Shift+A` (XWin), `Ctrl+Shift+A` (GNOME), `Ctrl+Shift+A` (KDE), `Escape, X` (Emacs), `Ctrl+Shift+P` (Sublime Text), `⌘ ⇧ P` (Sublime Text (macOS)), `Ctrl+Shift+A` (Visual Studio), `⌘ ⇧ A` (Visual Studio (macOS)), `Ctrl+I` (NetBeans), `Ctrl+Shift+A` (Eclipse), `⌘ 3` (Eclipse (macOS))，输入 在行号上显示断点 ，然后禁用该选项。 ![断点](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_breakpoints.png)

* 折叠图标已更新。 鼠标悬停时会显示未展开区域的图标，使界面看起来更简洁。 您可以配置 IDE 使其始终显示折叠图标：前往 `设置 | 编辑器 | 常规 | 代码折叠` ，在 始终 旁边选择 显示代码折叠箭头 。 ![代码折叠](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_code_folding.animated.gif)

* 注释 (Git Blame) 的颜色调色板已更新，可以帮助您更快地查看最近的更改。 ![Git Blame 注解](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_git_annotations.png)

## 导航栏

导航栏现位于主窗口底部的状态栏中。

![新界面的导航栏](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_navigation_bar.png)

如果您更喜欢以前的位置，您可以将其移回顶部，或者完全关闭它。 要执行此操作，请转到主菜单并选择  `视图 | 外观 | 导航栏` 。

## 紧凑模式

在这种模式下，IDE 的工具栏和工具窗口标题的高度减少，间距和填充比例缩小，图标和按钮也变小。 此模式适用于较小的屏幕。

Procedure: 启用紧凑模式

* 在主菜单中，前往  `视图 | 外观 | 紧凑模式` 。

* 按 `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)) 打开 IDE 设置，选择  `外观与行为 | 外观`  并启用   紧凑模式   选项。

紧凑模式开:

![紧凑模式](https://resources.jetbrains.com/help/img/idea/2026.3/ij-new-ui-compact-mode.png)

关闭精简模式:

![概述](https://resources.jetbrains.com/help/img/idea/2026.3/new_ui_overview.png)

## See also

### 外部链接

[Why the New UI?](https://www.jetbrains.com/zh-cn/idea/new-ui/) [New UI: main changes and known issues](https://youtrack.jetbrains.com/articles/IDEA-A-156/Main-changes-and-known-issues) [New UI: A Glimpse at the Future on YouTube](https://www.youtube.com/watch?v=_a-hlmbsTcE)

