macos - 在Mac上为基于Electron的App提供不同的Dock和Tray图标吗？

Question

我进行了一些研究，到目前为止，仅找到有关模板图像的资源，而没有找到明确的指南。我正在构建一个 Electron 应用程序(Electron 8.0)。我确实有针对黑暗和常规模式的自定义图标。

我知道我可以提供像这样的高dpi图标:

tray_icon.png

tray_icon@2.png

在Dock图标的 icns文件中类似。我想知道我是否可以对深色和常规模式的图标做同样的事情。

我该如何准备/命名我的图标，以便macOS Catalina可以为纸盘和Dock拾取不同的图标，而不管它是在常规模式还是在暗模式下运行？

我是否需要实现一些逻辑以编程方式切换图标？当我的Electron应用程序未运行但主题已切换时，如何执行此类逻辑？

Answer 1

以编程方式，这可以轻松实现

const { nativeTheme } = require('electron')

nativeTheme.on('updated', function theThemeHasChanged () {
  updateMyAppTheme(nativeTheme.shouldUseDarkColors)
})

// set tray & dock images here
function updateMyAppTheme(isDark) {
  tray.setImage(isDark? darkTrayImagePath : lightTrayImagePath)
  dock.setIcon(isDark? darkDockImagePath : lightDockImagePath)
}

相关文档:

Supporting macOS Dark Mode

nativeTheme

Tray

Dock