1. 程式人生 > >【ELectron】electron應用工作列圖示閃爍提醒

【ELectron】electron應用工作列圖示閃爍提醒

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應用如果接受到有新訊息的資訊呢?