了解这几个API,能让你Electron桌面开发事半功倍(一)

前提是引入对应模块的情况下进行

  1. 设置底部标签(电脑右下角的小图标啦!需引入Tray模块)
  // Set `__static` path to static files in production
  tray = new Tray(`${__static}/icon.ico`); //从静态文件中获取小icon
  1. 设置右下角的右击事件(需引入Menu、app模块)

在这里插入图片描述

  const contextMenu = Menu.buildFromTemplate([
    { label: '退出', click:function(){app.quit()}}
  ])
    // 设置右击菜单
  tray.setContextMenu(contextMenu)
  1. 设置右下角的提示气泡(需引入Tray模块)
    在这里插入图片描述
  tray.setToolTip('气泡提示')
  1. 显示与隐藏主界面(需引入Tray模块)
  tray.on('click', (event, bounds) => {
    if (mainWindow.isVisible()) {
      mainWindow.hide(); //左击右下角的小图标隐藏程序主界面
    } else {
      mainWindow.show()  //左击右下角的小图标显示程序主界面
    }
  })
  1. 去掉头部一系列的操作栏(需引入Menu模块)
    去掉前:
    去掉操作栏前
    去掉后:
    去掉一系列的操作后
  //去掉头部便签兰
  Menu.setApplicationMenu(null)
  1. 主进程和渲染进程直之间的通信(需引入ipcRenderer、ipcMain模块)
在渲染进程中通过*ipcRenderer*APi进行发送事件
this.$electron.ipcRenderer.send("window-show");
而如何在主进程中监听呢?我们这里需要用到*ipcMain*API进行监听,从而完成渲染和主进程之间的通信操作
ipcMain.on('window-show', function() { //具体操作逻辑 })

具体相关API需参考Electron官网API,点击这里传送门

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值