1.在Electron應用中,設定應用工作列圖示的方法很簡單,隻需要在main.js加入以下代碼:
const electron = require('electron');
const Tray = electron.Tray;
//系統托盤圖示目錄
trayIcon = path.join(__dirname, 'app');//app是選取的目錄
appTray = new Tray(path.join(trayIcon, 'app.ico'));//app.ico是app目錄下的ico檔案
2.這樣我們就可以更改應用任務通知欄處的圖示了,實作圖示閃爍的原理很簡單,隻需要重新設定應用圖示,加個定時器,和一張透明圖檔來回切換就可以了。設定圖示的方法:
appTray.setImage(path.join(trayIcon, 'empty.ico'));
不會制作透明ico圖示的可以下面連結下載下傳:
https://pan.baidu.com/s/10Yl5aBPSNZOggL24QCYn4Q點選打開連結
3.功能具體實作方法:
//系統托盤圖示閃爍
var count = 0,timer=null;
timer=setInterval(function() {
count++;
if (count%2 == 0) {
appTray.setImage(path.join(trayIcon, 'empty.ico'))
} else {
appTray.setImage(path.join(trayIcon, 'app.ico'))
}
}, 500);
4.完成了。
圖示閃爍功能基本都是應用在消息通知上,那麼electron應用如果接受到有新消息的資訊呢?
可以看另一篇文章:【Electron】Electron 如何通信,把消息發送到main.js點選打開連結