天天看點

【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圖示的可以下面連結下載下傳:

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點選打開連結

繼續閱讀