Electron 系统托盘图标

这篇具有很好参考价值的文章主要介绍了Electron 系统托盘图标。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、在入口文件electron.js中引入Tray, Menu, nativeImage

const { app, BrowserWindow, Tray, nativeImage, Menu, ipcMain } = require('electron');

二、在初始化完成后添加图片文章来源地址https://www.toymoban.com/news/detail-524384.html

app.whenReady().then(() => {
//上面创建窗体代码省略
let mainWindow = createWindow()
  const icon = nativeImage.createFromPath(path.join(__dirname, 'favicon.ico'))
  let tray = new Tray(icon)
  const contextMenu = Menu.buildFromTemplate([
    { label: '主界面', type: 'normal' ,click:(menuItem, browserWindow, event)=>{
      mainWindow.show()
    }},
    { label: '退出', type: 'normal' ,click:(menuItem, browserWindow, event)=>{
      app.quit();
    } },
  ])

  tray.setContextMenu(contextMenu)
  tray.setToolTip('定时休息')
  //托盘双击
  tray.on('double-click', (event) => {
    mainWindow.show()
  })
  
  //tray.setTitle('定时休息')
});

到了这里,关于Electron 系统托盘图标的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • electron打包Vue前端

    效果:electronforge可将前端静态页面打包成.exe、.deb和.rpm等,能适配各种平台 示例:Windows环境下将前端 Vue 项目打包成exe文件 打包后的 exe 文件 运行 exe 文件 一、项目准备 开源项目 RouYi 下载 本地环境 安装依赖 报错 3.1 原因:Node版本高了 3.2 修改 package.json 3.3 修改后的 pack

    2024年04月26日
    浏览(37)
  • wpf增加系统托盘图标

    使用系统托盘,可以为用户提供一个简便快捷的操作习惯。 wpf中增加系统托盘图标有2种 第一种,使用Hardcodet.NotifyIcon.Wpf开源组件 1.建立一个wpf程序 2.安装Hardcodet.NotifyIcon.Wpf 3.增加图片 图片选择资源,否则获取不到路径 4.界面前台代码 其中此处可以重写MenuItem的样式,以及其

    2024年02月10日
    浏览(37)
  • vite + electron 构建前端桌面应用程序

    npm yarn 选择是否继续 项目名称 选择框架 选择项目语言 项目构建成功,根据提示进入项目目录,安装依赖 electron 官网:https://www.electronjs.org/zh/docs/latest/ vite-plugin-electron :https://github.com/electron-vite/vite-plugin-electron 安装依赖(electron 安装比较慢,耐心等待即可) 编写 Electron 入

    2024年02月06日
    浏览(51)
  • 前端(Electron Nodejs)如何读取本地配置文件

    使用electron封装了前端界面之后,最终打包为一个客户端(exe)。但是,最近项目组内做CS(c++开发)的,想把所有的配置都放进安装目录的配置文件中(比如config.json)。这做法,对于纯前端而言有点难以接收。 第一,纯前端不允许读取本地文件。就这一条,直接封死所有的

    2024年02月16日
    浏览(51)
  • 前端桌面应用开发实践:Electron入门指南

    随着互联网的快速发展,前端开发不再局限于网页应用,而是逐渐涉及到桌面应用的开发。Electron作为一种流行的前端桌面应用开发框架,为开发者提供了一种快速构建跨平台桌面应用的方式。本文将介绍Electron的基本概念和使用方法,并通过一个简单的示例来说明其开发实践

    2024年02月11日
    浏览(47)
  • Win11其他系统托盘图标清除无效项

    【问题描述】 “个性化任务栏其他系统托盘图标”中存在无效的应用项 图片来源 【解决方案】 win+R ,输入 regedit 打开注册表编辑器 进入路径: HKEY_CLASSES_ROOTLocal SettingsSoftwareMicrosoftWindowsCurrentVersionTrayNotify 删除其中的 IconStream 和 PastIconStream 两项 打开任务管理器,找到

    2024年02月11日
    浏览(71)
  • 纯前端ELECTRON+VUE+FFMPEG实现多路播放RTSP流

    近期有项目需求前端播放rtsp视频流,项目是由electron+vue3搭建,没有后端,因此需要在前端实现解析rtsp流及播放,经过多方考察最后选用了ffmpeg+jsmpeg方案实现,具体实现是参考了@牧也の旅行 大佬的这篇文章 原文地址 实现的,感谢@牧也の旅行 一直在回复我的各种小白问题,

    2024年02月04日
    浏览(37)
  • Electron学习2 使用Electron-vue和Vuetify UI库

    Electron-Vue 是一个使用 Vue.js 构建跨平台桌面应用程序的框架。它基于 Electron,一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的开源库。 Electron-Vue 结合了 Vue.js 的灵活性和 Electron 的跨平台能力,使得开发桌面应用程序变得更加简单和高效。以下是一些 Electron-Vue 的主要

    2024年02月11日
    浏览(34)
  • 电脑重装系统Win11托盘图标不显示如何解决

    很多小伙伴在重新安装系统之后会发现桌面上的图标不显示。特别是刚刚升级了win11系统的小伙伴,不熟悉电脑操作系统,所以自己更是不知道Win11托盘图标不显示怎么办。为此,本期小编为大家整理了Win11托盘图标不显示的解决方法,大家一起去看看吧。 工具/原料: 系统版

    2024年02月09日
    浏览(64)
  • 银河麒麟v10安装前端环境(Node、vue、Electron+vite)

    此帖子所提到的所有依赖包都是基于银河麒麟v10真机的arm架构包,如果是在windows上的虚拟机上 把依赖包换成x64的包即可,方法步骤都是一样 一.node安装 原始方法安装(建议用第二种nvm方法,因为更简单): 1.1nodejs官网下载基于arm架构的包 1.1.1或者打开终端使用wget方式安装

    2024年02月02日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包