← 返回博客

Zed 新的面板系统介绍

2023 年 5 月 31 日


Zed 的新面板系统

Zed 的面板系统已经过重新设计,以允许更多的自定义和灵活性。以前,Zed 的项目面板固定在应用程序的左侧,以前被称为“dock”(终端选项卡所在的位置)可以放置在应用程序的右侧、底部或在模态窗口中打开。从 v0.88.0 开始,Zed 现在有三个 dock:一个左侧 dock,一个右侧 dock 和一个底部 dock。项目面板可以放置在左侧或右侧 dock 中,而现在称为“终端面板”的面板可以放置在任何一个 dock 中。

Screenshot showing the project panel on the right and the terminal panel on the bottom.
屏幕截图显示项目面板位于右侧,终端面板位于底部。

已添加新操作以切换每个 dock 的可见性

  • workspace::ToggleLeftDock
  • workspace::ToggleRightDock
  • workspace::ToggleBottomDock

和以前一样,可以使用以下操作将焦点移动到任一面板

  • project_panel::ToggleFocus
  • terminal_panel::ToggleFocus

请注意,如果任何一个面板关闭,将焦点切换到该面板会自动打开其各自的 dock。

精明的用户会很快意识到,他们可以将终端面板和项目面板都放在同一个 dock 中。在这种配置中,一次只能打开一个面板,但使用上述焦点切换命令之一,或单击其中一个面板图标,可以切换到另一个面板。

要更改项目面板或终端面板的位置,请右键单击其各自的面板图标,然后选择所需的 dock。

Screenshot showing the options for docking the terminal panel.
屏幕截图显示了用于停靠终端面板的选项。

这样做会自动更新 settings.json 中的相关设置

"project_panel": {
  "dock": "right"
},
"terminal": {
  "dock": "bottom"
}

最后,我们添加了 workspace::ToggleZoom。在以前版本的 Zed 中,终端 dock 有一个名为 expanded 的锚点模式,当 dock 获得焦点时,它会在全屏模态窗口中打开 dock。此功能现在称为“缩放”,除了包含终端面板的 dock 外,现在还适用于窗格。

Screenshot showing the zoom operating on a pane containing editor tabs.
屏幕截图显示了在包含编辑器选项卡的窗格上运行的缩放。

可以通过命令调色板或单击选项卡栏中的缩放图标来激活缩放。

Screenshot showing the zoom button in the tab bar of a pane.
屏幕截图显示了窗格选项卡栏中的缩放按钮。

🚨 突破性更改和意外情况 🚨

keymap.json

  • dock::FocusDockdock::HideDock 已被移除
  • workspace::ToggleLeftSidebar 已被移除

settings.json

  • default_dock_anchor 已被移除

终端面板

  • 终端面板不再能容纳非终端选项卡

工作区恢复

  • 在 v0.88.0 中,工作区(打开的编辑器、面板等)将无法正确恢复。更新后,恢复应按预期工作。