如何解决从 Electron 角色创建的 Electron 菜单项在 Windows 应用程序托盘菜单上没有响应
问题详情:
电子版:
11.0.3
操作系统:
Windows 10(20H2 19042.685编译)
预期行为:
当用户点击时,基于角色的托盘菜单 menuItems,作为编辑和查看角色,应该响应......即使在 Windows 上也是如此。
实际行为:
对于从同一个 MenuItemConstructorOptions 数组创建的同一个 Menu 对象,已经创建了 3 种菜单类型:topBar 标准菜单、上下文菜单、托盘菜单。
这三个都在 linux 上工作。
topBar 和右键单击上下文菜单也适用于 Windows(包括角色 menuItems)。
但是,
1 - 托盘菜单菜单项,特别是从 Electron 角色(例如编辑和查看)创建的菜单项,在 Windows 10 上无响应。
2 - 使用单击事件侦听器(而不是角色)创建的自定义菜单项在 Windows 托盘上正常工作。
3 - 问题仅在于托盘菜单(与顶栏或右键单击上下文菜单无关)和基于角色的菜单项(与自定义事件侦听器无关)。
转载:
只需在以下位置克隆、安装、编译和启动应用程序:
https://github.com/danielpm1982/exchange-rate-client
在 Windows 10 上并尝试使用编辑或查看托盘菜单 menuItems(见下图)。
在项目的 README.md 中,我告诉我使用什么项目的脚本来运行克隆后的应用程序。 Linux 和 Windows 是不同的。
主要过程基于项目根文件夹中的 index.ts 文件。
GitHub 项目链接:
https://github.com/danielpm1982/exchange-rate-client
附加信息:
在 Linux 上一切正常。
我没有在 Mac 上测试过。
创建和设置托盘和菜单实例的代码段:
// Create and set a menu to the mainWindow based on the MenuItemConstructorOptions array
// template. Set that same menu both as a main Menu to the mainWindow directly as well as
// like a popup context menu responsive to the mainWindow webcontents 'context-menu' event
// (right-button clicked event). Also create the app Tray and set the same menu as the tray menu.
const menu = Menu.buildFromTemplate(menuItemConstructorOptionsArray)
mainWindow.setMenu(menu)
mainWindow.webContents.on('context-menu',(e: Event) => {
menu.popup()
})
const pathTotrayIcon = path.join(__dirname,"app","icon","iconLinux.png") as string
tray = new Tray(pathTotrayIcon)
tray.setToolTip('Exchange Rate Client')
tray.setContextMenu(menu)
tray.setIgnoreDoubleClickEvents(true)
创建 MenuItemConstructorOptions 数组的代码段:
const menuItemConstructorOptionsArray: MenuItemConstructorOptions[] = [
{
role: 'fileMenu',submenu: [
{
label: 'Print',accelerator: 'CommandOrControl+P',click: () => {
mainWindow?.webContents.send("printFromMain")
}
},{
label: 'PrintToPDF',accelerator: 'CommandOrControl+Shift+P',click: () => {
mainWindow?.webContents.send("printToPDFFromMain")
}
},{
label: 'Download Logo',accelerator: 'CommandOrControl+Shift+L',click: () => {
mainWindow?.webContents.send("downloadLogoFromMain")
}
},{
type: 'separator'
},{
role: 'quit'
}
]
},{
role: 'editMenu'
},{
role: 'viewMenu',},{
label: 'Settings',submenu: [
{
label: 'Theme',submenu: [
{
label: 'White Theme',click: () => {
mainWindow?.webContents.send('whiteThemeFromMain')
}
},{
label: 'Black Theme',click: () => {
mainWindow?.webContents.send('blackThemeFromMain')
}
}
]
}
]
},{
role: 'services',submenu: [
{
label: 'Exchange Rate',click: () => {
mainWindow?.webContents.loadFile("app/index.html")
},accelerator: 'CommandOrControl+S'
}
]
},{
role: 'help',submenu: [
{
label: 'About',click: () => {
createAboutModelWindow()
},accelerator: 'CommandOrControl+U'
}
]
}
]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。