【ELectron】electron應用工作列圖示閃爍提醒
阿新 • • 發佈:2019-02-17
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圖示的可以下面連結下載:
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應用如果接受到有新訊息的資訊呢?