ฉันจะลบแถบเมนูนี้ออกจากแอพอิเล็กตรอนของฉันได้อย่างไร:

นอกจากนี้ยังมีข้อความว่า "Hello World" (นี่เป็นเพราะฉันดาวน์โหลดอิเล็กตรอนที่สร้างไว้ล่วงหน้าและจะหายไปเมื่อฉันบรรจุแอปพลิเคชันหรือไม่) ฉันไม่ได้เขียนโค้ดเหล่านี้ลงใน html ดังนั้นฉันจึงไม่รู้ว่าจะเอาอย่างไร! -

คุณสามารถใช้w.setMenu(null)หรือตั้งค่าframe: false(ซึ่งจะลบปุ่มสำหรับปิดย่อและขยายตัวเลือกให้ใหญ่สุด) บนหน้าต่างของคุณ ดูsetMenu ()หรือBrowserWindow () ตรวจสอบหัวข้อนี้ด้วย

อิเลคตรอนขณะนี้ได้win.removeMenu()( เพิ่มเข้ามาใน v5.0.0 ) win.setMenu(null)เพื่อลบเมนูประยุกต์ใช้แทนการใช้

ดูเหมือนว่าอิเล็กตรอน 7.1.x จะมีข้อผิดพลาดที่win.removeMenu()ใช้งานไม่ได้ วิธีแก้ปัญหาเดียวคือการใช้Menu.setApplicationMenu(null)

ใช้สิ่งนี้:

mainWindow = new BrowserWindow({width: 640, height: 360})
mainWindow.setMenuBarVisibility(false)

อ้างอิง: https://github.com/electron/electron/issues/1415

ฉันพยายามmainWindow.setMenu(null)แล้วแต่มันไม่ได้ผล

สำหรับ Electron 7.1.1 คุณสามารถใช้สิ่งนี้:

const {app, BrowserWindow, Menu} = require('electron')
Menu.setApplicationMenu(false)

เมนูสามารถซ่อนหรือซ่อนอัตโนมัติ (เช่นในSlackหรือVS Code - คุณสามารถกด Alt เพื่อแสดง / ซ่อนเมนู)

วิธีการที่เกี่ยวข้อง:

---- win.setMenu (เมนู) - ตั้งค่าเมนูเป็นแถบเมนูของหน้าต่างการตั้งค่าเป็น null จะลบแถบเมนู (การดำเนินการนี้จะลบเมนูออกโดยสิ้นเชิง )

mainWindow.setMenu(null)

---- win.setAutoHideMenuBar (hide) - ตั้งค่าว่าจะให้แถบเมนูหน้าต่างซ่อนตัวเองโดยอัตโนมัติหรือไม่ เมื่อตั้งค่าแถบเมนูจะ
แสดงเมื่อผู้ใช้กดปุ่มเดียวปุ่ม Alt

mainWindow.setAutoHideMenuBar(true)

ที่มา: https://github.com/Automattic/simplenote-electron/issues/293

นอกจากนี้ยังมีวิธีการสร้างหน้าต่างไร้กรอบดังภาพต่อไปนี้:

(ไม่มีปุ่มปิดไม่มีอะไรสามารถเป็นสิ่งที่เราต้องการได้ (ดีไซน์ที่ดีกว่า))

const { BrowserWindow } = require('electron')
let win = new BrowserWindow({ width: 800, height: 600, frame: false })
win.show()

https://electronjs.org/docs/api/browser-window#winremovemenu-linux-windows

doc: https://electronjs.org/docs/api/frameless-window

แก้ไข: (ใหม่)

win.removeMenu() Linux Windows ลบแถบเมนูของหน้าต่าง

https://electronjs.org/docs/api/browser-window#winremovemenu-linux-windows

เพิ่ม win.removeMenu () เพื่อลบเมนูแอปพลิเคชันแทนที่จะใช้ win.setMenu (null)

ที่เพิ่มจาก v5 ตาม:

https://github.com/electron/electron/pull/16570

https://github.com/electron/electron/pull/16657

ข้อผิดพลาด Electron v7

สำหรับ Electron 7.1.1 ใช้Menu.setApplicationMenuแทนwin.removeMenu()

ตามหัวข้อนี้:
https://github.com/electron/electron/issues/16521

และหมายเหตุสำคัญคือคุณต้องเรียกมันก่อนสร้าง BrowserWindow ! หรือมันจะไม่ทำงาน!

const {app, BrowserWindow, Menu} = require('electron')

Menu.setApplicationMenu(null);

const browserWindow = new BrowserWindow({/*...*/});

UPDATE (การตั้งค่า autoHideMenuBar บน BrowserWindow construction)

ตามที่ @kcpr คอมเม้น! เราสามารถตั้งค่าคุณสมบัติและหลายอย่างบนตัวสร้าง

มีอยู่ในอิเล็กตรอนที่เสถียรล่าสุดซึ่งตอนนี้คือ 8.3!
แต่ในเวอร์ชันเก่าฉันตรวจสอบ v1, v2, v3, v4 ด้วยเช่นกัน!
มีในทุกรุ่น!

ตามลิงค์นี้
https://github.com/electron/electron/blob/1-3-x/docs/api/browser-window.md

และสำหรับ v8.3
https://github.com/electron/electron/blob/v8.3.0/docs/api/browser-window.md#new-browserwindowoptions

ลิงค์ doc
https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions

จากเอกสารสำหรับตัวเลือก:

autoHideMenuBar Boolean (ทางเลือก) - ซ่อนแถบเมนูโดยอัตโนมัติเว้นแต่จะกดปุ่ม Alt ค่าเริ่มต้นเป็นเท็จ

นี่คือตัวอย่างเพื่อแสดงให้เห็น:

let browserWindow = new BrowserWindow({
    width: 800,
    height: 600,
    autoHideMenuBar: true // <<< here
})

เมื่อคุณจัดแพคเกจแอปของคุณเมนูเริ่มต้นจะไม่อยู่ที่นั่นอีกต่อไปหากนี่เป็นการรบกวนคุณในระหว่างการพัฒนาคุณสามารถเรียกsetMenu(null)หน้าต่างเบราว์เซอร์ตามที่ @TonyVincent แนะนำ

ณ วันที่ 7.0.0 โซลูชันข้างต้นส่วนใหญ่ใช้งานไม่ได้อีกต่อไป BrowserWindow.setMenu()ถูกแทนที่ด้วยMenu.setApplicationMenu()ซึ่งตอนนี้เปลี่ยนเมนูบนหน้าต่างทั้งหมด setMenu(), removeMenu()ไม่ได้ทำอะไรซึ่งโดยวิธีการที่ยังคงมีการกล่าวถึงในเอกสาร

setAutoHideMenuBar()ยังคงใช้งานได้ แต่อาจสร้างความรำคาญหากคุณวางแผนที่จะใช้ Alt เป็นตัวปรับแต่งปุ่มลัด เมื่อเมนูปรากฏขึ้นคุณต้องคลิกออกจากหน้าต่าง (โฟกัสหลวม) เพื่อซ่อนเมนูอีกครั้ง

หากแอปพลิเคชันของคุณมีมากกว่าหนึ่งหน้าต่างคุณจะไม่สามารถตั้งค่า / ลบเมนูแยกกันในแต่ละหน้าต่างได้ วิธีเดียวในการลบเมนูคือการใช้หน้าต่างไร้กรอบ นั่นเป็นสิ่งที่ฉันต้องการในแอปพลิเคชันปัจจุบันของฉัน แต่ไม่ใช่วิธีแก้ปัญหาที่ดีในทุกกรณี

@"electron": "^7.1.1" : 

mainWindow = new browserWindow({ height: 500, width: 800});
//mainWindow.setAutoHideMenuBar(true);
mainWindow.autoHideMenuBar = true;

ทำงานตามที่คาดไว้โดยไม่มีเมนูในเบราว์เซอร์

หลังจากได้รับคำตอบจากปัญหานี้คุณต้องโทรMenu.setApplicationMenu(null) ก่อนที่จะสร้างหน้าต่าง

โซลูชันเหล่านี้มีจุดบกพร่อง เมื่อใช้วิธีแก้ปัญหาที่ด้านล่างหน้าต่างมีความล่าช้าในการปิด

Menu.setApplicationMenu(null),
&&
const updateErrorWindow = new BrowserWindow({autoHideMenuBar: true});

ฉันใช้วิธีแก้ปัญหาที่ด้านล่าง ตอนนี้ดีกว่าสำหรับตอนนี้

const window= new BrowserWindow({...});
window.setMenuBarVisibility(false);

ก่อนบรรทัดนี้ที่ main.js:

mainWindow = new BrowserWindow({width: 800, height: 900})

mainWindow.setMenu(null) //this will r menu bar

ตามเอกสารอย่างเป็นทางการ @ https://github.com/electron/electron/blob/v8.0.0-beta.1/docs/api/menu.mdวิธีที่เหมาะสมในการดำเนินการนี้ตั้งแต่ 7.1.2 และฉันได้ทดสอบแล้ว ในวันที่ 8.0 เช่นกันคือ:

const { app, Menu } = require('electron')

Menu.setApplicationMenu(null)

ตั้งค่า autoHideMenuBar เป็น true ในขณะที่สร้าง browserWindow

mainWindow = new BrowserWindow({
    autoHideMenuBar: true,
    width: 1200,
    height: 800
})

การอัปเดตปี 2020 สิ่งเดียวที่เหมาะกับฉัน:

Menu.setApplicationMenu(new Menu());

setMenu(null);เป็นคำตอบที่ดีที่สุด autohidemenuจะแสดงเมื่อเริ่มต้นแอปพลิเคชัน

    function createWindow(){
        const win = new BrowserWindow({
            width: 1500,
            height: 800,
            webPreferences:{
                nodeIntergration: true
            }
        });
        win.setMenu(null);
    win.loadFile("index.html");
    }
    app.whenReady().then(createWindow);