Создать icns

  • Сгенерировать .iconset Вы можете использовать IconGenerator
  • Запустите iconutil -c icns “Icon.iconset”. Обратите внимание, что имена значков должны быть в нижнем регистре первой буквы и использовать _ вместо -.

Используйте icns

  • В main.js укажите icon
win = new BrowserWindow({
 width: 800, 
 height: 600,
 icon: __dirname + ‘/Icon/Icon.icns’
})

Вы также можете использовать вспомогательные методы URL

const path = require(‘path’)
const url = require(‘url’)
const iconUrl = url.format({
 pathname: path.join(__dirname, ‘Icon/Icon.icns’),
 protocol: ‘file:’,
 slashes: true
})

Если значок приложения не обновляется

  • У меня проблема с тем, что электрон всегда показывает значок приложения по умолчанию. Я пробовал использовать png, NativeImage, значки разных размеров, но проблема не исчезла. Когда я использую electron-packager для сборки релиза, значок отображается правильно, так что это должно быть из-за электронного кеширования или как-то иначе 😠
  • Перейдите к node_modules -> electron -> dist, щелкните правой кнопкой мыши Electron, выберите View Info
  • Перетащите еще один icns на значок в левом верхнем углу.

Выпуск с electron-packager

icon должен быть указан с __dirname (мы уже сделали), чтобы electron-packager подбирал правильные значки

❤️ Поддержите мои приложения ❤️

❤️❤️😇😍🤘❤️❤️