如何从 Electron 中的特定窗口中删除菜单栏?

问题描述 投票:0回答:2

我的应用程序中有一个菜单,当您单击文档属性时,会弹出另一个窗口,但该窗口也继承了应用程序菜单,因此您可以从文档属性窗口打开文档属性窗口。我只想禁用文档属性窗口的菜单,实现此目的的唯一方法是使窗口无框架,但我仍然希望显示标题栏,所以这不是我正在寻找的解决方案为.

我尝试过使用 docProps.removeMenu()、docProps.setMenu(null),甚至 docProps.setApplicationMenu(null)。我已经移动了它,尝试将 docProps 设为全局变量,但没有任何效果。

这是我的代码:

//Create references for modules that require electron
const { app, BrowserWindow, Menu } = require('electron')

//Create a global reference for the main window
let mainWindow

function createWindow () {
  //Create the browser window
  mainWindow = new BrowserWindow({
    minWidth: 300,
    minHeight: 300,
    backgroundColor: '#888888'
  })

  //Load the index.html file
  mainWindow.loadFile('index.html')

  //Reload the main window on resize
  mainWindow.on('resize', function () {
    mainWindow.reload()
  })
}

function createAppMenu () {
  //Create application menu template
  const template = [
    {
      label: 'File',
      submenu: [
        {
          label: 'Document Properties...',
          click: function () {
            docProps = new BrowserWindow({
              width: 250,
              height: 300,
              resizable: false,
              title: 'Document Properties'
            })
            //This isn't working and I'm not sure why
            docProps.removeMenu()
          }
        }
      ]
    },
    {
      label: 'Edit'
    },
    {
      label: 'View'
    },
    {
      label: 'Window'
    },
    {
      label: 'Help'
    }
  ]

  //Build app menu from template
  const menu = Menu.buildFromTemplate(template)
  Menu.setApplicationMenu(menu)
}

//Call the createWindow function once electron has finished initializing
app.on('ready', function () {
  createWindow()
  mainWindow.maximize()
  createAppMenu()
})

您可以在https://github.com/Leglaine/ElectroText

查看整个项目

我收到的唯一错误消息是当我尝试调用 docProps.setApplicationMenu(null) 时,它说无法在 docProps 上调用 setApplicationMenu,但我真的没想到它会起作用。预先感谢您的帮助!

javascript html css electron
2个回答
2
投票
当您已经通过

win.removeMenu()

 设置应用程序菜单时,
win.setMenu(null)
Menu.setApplicationMenu()

目前在 Electron 中似乎已损坏

尝试像这样设置一个空菜单

docProps.setMenu(Menu.buildFromTemplate([]))

0
投票

@aabuhijleh 的答案对我有用。

另一种可能是首先在应用程序的

setMenu
实例上调用
BrowserWindow
——将菜单与(仅)特定的应用程序窗口相关联——而不是调用
menu.SetApplicationMenu

© www.soinside.com 2019 - 2024. All rights reserved.