admin 管理员组

文章数量: 1184232

【electron】electron

练习代码git：.git

//src\main\index.js 做以下修改// 新增调用
import * as tray from './tray'// create main BrowserWindow when electron is ready
// 修改ready事件
app.on('ready', () => {mainWindow = createMainWindow()// create traytray.creatTray()
})// 增加函数
export function getWin () {return mainWindow
}
// 新建文件 src\main\tray\index.jsimport { Menu, Tray, app, dialog } from 'electron'
import path from 'path'
import { getWin } from '../index'let tray = null// 激活窗口
function activeMainWin () {let win = getWin()if ( win ) {if (win.isVisible()) {win.focus()}}
}// 退出销毁对象
app.on('quit', () => {tray && tray.destroy()tray = null
})// 新建非模态窗口// 创建系统托盘
export function creatTray () {// 写法一// 路径是：.\dist\win-ia32-unpacked\resources\static\resource\win, 后面部分不要加static// tray = new Tray(path.join(__static, './resource/win/icon.ico'))// 写法二// 路径是：.\dist\win-ia32-unpacked\resources\app.asar\..\static\resource\wintray = new Tray(path.join(__dirname, '../static/resource/win/icon.ico'))// 记得放置icon: .\static\resource\win\icon.ico const contextMenu = Menu.buildFromTemplate([{ label: '关于',click (menuItem, win, event) {console.log('menuItem:', menuItem)console.log('win:', win) // win: nullconsole.log('event:', event) // { shiftKey: true, ctrlKey: true, altKey: true, metaKey: false }dialog.showMessageBox ({message: 'this is a test project by eric xin.'})}},{ type: 'separator' }, // 分割线{ label: '退出',click (menuItem, win, event) {app.quit()}}])tray.setToolTip('This is my test project')tray.on('click', (event, bounds, pos) => { // 左键点击try {// 激活窗口activeMainWin()} catch (err) {console.error(err)}}).on('right-click', (event) => { // 右键点击// 弹出菜单tray.popUpContextMenu(contextMenu)})
}

【bug】

new tray 的最初写法是：

tray = new Tray('./static/resource/win/icon.ico')

上面写法在yarn build后，会出现如下错误提示：

从报错得知是路径加载错误，通过此错误恰好可以了解项目 js 其实打包到 ./resources/app.asar/webpack:中去了；也可以了解到 __static 和 __dirname 的作用及区别。

本文标签： electronelectron

版权声明：本文标题：【electron】electron 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.roclinux.cn/b/1693760493a241236.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。