前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Electron托盘图标

Electron托盘图标

作者头像
码客说
发布2021-02-23 11:03:52
2.5K0
发布2021-02-23 11:03:52
举报
文章被收录于专栏:码客码客

Electron托盘图标

添加引用

代码语言:javascript
复制
const {app, Menu, Tray} = require("electron");
const path = require("path");

设置托盘图标及菜单

代码语言:javascript
复制
let tray = null

tray = new Tray(path.join(__dirname, 'app.ico'));
const contextMenu = Menu.buildFromTemplate([
    {
        label: '退出', click: () => {
            app.quit();
        }
    },
])
tray.setToolTip('直播')
tray.setContextMenu(contextMenu)
tray.on('click', () => {
    //我们这里模拟桌面程序点击通知区图标实现打开关闭应用的功能

})

不显示任务栏图标

代码语言:javascript
复制
win.setSkipTaskbar(true)

但是这样配置会导致任务栏会遮挡窗口,就算设置窗口置顶也没用,暂时没找到解决方法。

所以我这里用的是下面的方式,这样就算点击任务栏也不会隐藏窗口。

点击任务栏不隐藏

代码语言:javascript
复制
let homeWin = new BrowserWindow({
    width: 1280,
    height: 768,
    fullscreen: true,
    simpleFullscreen: true,
    minimizable: false,
    frame: false,
    resizable: false,
    transparent: true,
    webPreferences: {
        nodeIntegration: true,
        enableRemoteModule: true,
        webSecurity: false,
        contextIsolation: false,
    },
});
homeWin.setFullScreen(true);
homeWin.setAlwaysOnTop(true, "pop-up-menu");

只设置simpleFullscreen: true,homeWin.setAlwaysOnTop(true, "pop-up-menu");的话,虽然窗口全屏了,但是一点击任务栏上的图标,界面就隐藏了,所以一定要添加上

代码语言:javascript
复制
homeWin.setFullScreen(true);

可能你会说直接隐藏任务栏图标不就行了

代码语言:javascript
复制
homeWin.setSkipTaskbar(true)

但是这样配置会导致任务栏会遮挡窗口,就算设置窗口置顶也没用,暂时没找到解决方法。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-02-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Electron托盘图标
  • 不显示任务栏图标
  • 点击任务栏不隐藏
相关产品与服务
云直播
云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档