macOS Dock

概览

Electron有API来配置macOS Dock中的应用程序图标。 一个 macOS-only API 用于创建一个自定义的Dock 菜单, 但Electron也使用应用Dock 图标作为跨平台功能的入口,如 最近的文档应用程序进度

一个自定义的Dock项也普遍用于为那些用户不愿意为之打开整个应用窗口的任务添加快捷方式。

Terminal.app 的 Dock 菜单:

基座菜单

要设置您的自定义基座菜单,您需要使用 app.dock.setmenu API, 它仅在 macOS 上可用。

示例

Starting with a working application from the Quick Start Guide, update the main.js file with the following lines:

  1. const { app, Menu } = require('electron')
  2. const dockMenu = Menu.buildFromTemplate([
  3. {
  4. label: 'New Window',
  5. click () { console.log('New Window') }
  6. }, {
  7. label: 'New Window with Settings',
  8. submenu: [
  9. { label: 'Basic' },
  10. { label: 'Pro' }
  11. ]
  12. },
  13. { label: 'New Command...' }
  14. ])
  15. app.whenReady().then(() => {
  16. app.dock.setMenu(dockMenu)
  17. })

启动 Electron 应用程序后,右键点击应用程序图标。 您应该看到您刚刚定义的自定义菜单:

macOS 停靠菜单