Electron系统托盘 托盘右键菜单、托盘图标闪烁 点击右上角关闭按钮隐藏到托盘(仿杀毒软件任务栏托盘)

Electron系统托盘 托盘右键菜单、托盘图标闪烁 点击右上角关闭按钮隐藏到托盘(仿杀毒软件任务栏托盘)目录

1、 Electron系统托盘、任务通知栏图标介绍。    
2、 Electron 创建任务栏图标以及任务栏图标右键菜单    
3、 监听任务栏图标的单击、双击事件    
4、 Electron点击右上角关闭按钮隐藏任务栏图标    
5、 Electron实现任务栏闪烁图标    

如果您想学Electron视频教程请访问:

https://www.itying.com/goods-929.html

 

  • Electron系统托盘、任务通知栏图标介绍

 

    

 

  • Electron 创建任务栏图标以及任务栏图标右键菜单

 

var { Menu, Tray,app,BrowserWindow } = require('electron');

 

 

const path = require('path');

 

var appIcon = new Tray(path.join(__dirname,'lover.png'));

 

const menu = Menu.buildFromTemplate( [

    {

        label: '设置',

        click: function () {} //打开相应页面

    },

    {

        label: '帮助',

        click: function () {}

    },

    {

        label: '关于',

        click: function () {}

    },

    {

        label: '退出',

        click: function () {

            // BrowserWindow.getFocusedWindow().webContents().send('close-main-window');

             app.quit();

        

        }

    }

])

 

appIcon.setToolTip('my best app');

appIcon.setContextMenu(menu);

 

 

  • 监听任务栏图标的单击、双击事件

var { Menu, Tray,app,BrowserWindow } = require('electron');

var appIcon = new Tray(path.join(__dirname,'lover.png'));

 

appIcon.on('double-click',()=>{    

     console.log(win);

     win.show();

})

 

  • Electron点击右上角关闭按钮隐藏任务栏图标

 

const win = BrowserWindow.getFocusedWindow();

 

win.on('close',(e)=>{

        console.log(win.isFocused());

        if(!win.isFocused()){

            win=null;

        }else{

            e.preventDefault();  /*阻止应用退出*/

 

            win.hide(); /*隐藏当前窗口*/

 

        }       

})

 

  • Electron实现任务栏闪烁图标

 

timer=setInterval(function() {

        count++;

        if (count%2 == 0) {            

            appIcon.setImage(path.join(__dirname,'empty.ico'))

        } else {

            appIcon.setImage(path.join(__dirname,'lover.png'))

        }

}, 500);

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值
>