it-swarm.com.ru

Как установить значок приложения для Electron / Atom Shell App

Как установить значок приложения для своего приложения Electron?

Я пытаюсь BrowserWindow({icon:'path/to/image.png'});, но это не работает.

Нужно ли упаковать приложение, чтобы увидеть эффект?

116
Jo E.

Установка свойства icon при создании BrowserWindow влияет только на Windows и Linux.

Чтобы установить значок в OS X, вы можете использовать электронный упаковщик и установить значок с помощью переключателя --icon.

Он должен быть в формате .icns для OS X. Существует онлайн-конвертер иконок , который может создать этот файл из вашего .png.

141
Alex Warren

Ниже приведено решение, которое у меня есть:

mainWindow = new BrowserWindow({width: 800, height: 600,icon: __dirname + '/Bluetooth.ico'});
33
Sh4m

Вы можете сделать это и для macOS. Хорошо, не через код, а с помощью нескольких простых шагов:

  1. Найдите файл .icns, который вы хотите использовать, откройте его и скопируйте через меню "Правка".
  2. Найдите файл Electron.app, обычно в node_modules/Electron/Dist.
  3. Откройте информационное окно
  4. Выберите значок в левом верхнем углу (серая рамка вокруг него)
  5. Вставьте значок через cmd + v
  6. Наслаждайтесь своей иконкой во время разработки :-)

enter image description here

На самом деле это общая вещь, не специфичная для электрона. Вы можете изменить значок многих приложений MacOS, как это.

17
user6917

Помните, что в примерах пути к значку файла предполагается, что main.js находится в базовом каталоге. Если файл не находится в базовом каталоге приложения, указание пути должно учитывать этот факт.

Например, если файл main.js находится в подкаталоге src /, а значок - в assets/icons /, эта спецификация пути к значку будет работать:

icon: __dirname + "../assets/icons/icon.png"
0
Giao Vu

Если вы хотите обновить значок приложения на панели задач, то обновите следующее в main.js (если вы используете TypeScript, то main.ts)

win.setIcon(path.join(__dirname, '/src/assets/logo-small.png'));

__dirname указывает на корневой каталог (тот же каталог, что и package.json) вашего приложения.

0
Hari Das

Электронный строитель поддерживает иконки

0
loevborg