Bu menü çubuğunu elektron uygulamalarımdan nasıl kaldırırım:

Ayrıca "Merhaba Dünya" yazıyor (bunun nedeni önceden oluşturulmuş elektron indirdiğim ve uygulamayı paketledikten sonra kaybolacak mı?). Bunları html'ye kodlamadım, bu yüzden nasıl çıkaracağımı bilmiyorum! -

Pencerenizde kullanabilir w.setMenu(null)veya ayarlayabilirsiniz frame: false(bu ayrıca kapatma, simge durumuna küçültme ve büyütme seçeneklerini kaldırır). SetMenu () veya BrowserWindow () konusuna bakın . Ayrıca bu konuyu kontrol edin

Electron artık kullanmak yerine uygulama menülerini kaldırmak için win.removeMenu()( v5.0.0'da eklendi ) win.setMenu(null).

Electron 7.1.x'in win.removeMenu()çalışmayan bir hatası var gibi görünüyor . Tek geçici çözüm kullanmaktırMenu.setApplicationMenu(null)

Bunu kullan:

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

Referans: https://github.com/electron/electron/issues/1415

Denedim mainWindow.setMenu(null)ama işe yaramadı.

Electron 7.1.1 için şunu kullanabilirsiniz:

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

Menü gizlenebilir veya otomatik olarak gizlenebilir ( Slack veya VS Code'da olduğu gibi - menüyü göstermek / gizlemek için Alt tuşuna basabilirsiniz ).

İlgili yöntemler:

---- win.setMenu (menü) - Menüyü pencerenin menü çubuğu olarak ayarlar, null olarak ayarlamak menü çubuğunu kaldırır. ( Bu, menüyü tamamen kaldıracaktır )

mainWindow.setMenu(null)

---- win.setAutoHideMenuBar (hide) - Pencere menü çubuğunun kendini otomatik olarak gizleyip gizlemeyeceğini ayarlar. Ayarlandıktan sonra menü çubuğu sadece edecek
göstermek kullanıcılar zaman basın bekar Alt tuşunu .

mainWindow.setAutoHideMenuBar(true)

Kaynak: https://github.com/Automattic/simplenote-electron/issues/293

Aşağıda gösterildiği gibi çerçevesiz bir pencere yapma yöntemi de vardır:

(kapatma düğmesi yok hiçbir şey yok. İstediğimiz şey olabilir (daha iyi tasarım))

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

Düzenleme: (yeni)

win.removeMenu() Linux Windows Pencerenin menü çubuğunu kaldırın.

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

Win.setMenu (null) kullanmak yerine uygulama menülerini kaldırmak için win.removeMenu () eklendi

Bu, v5'ten şu şekilde eklenir:

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

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

Electron v7 hatası

Electron 7.1.1 için Menu.setApplicationMenuyerine kullanınwin.removeMenu()

bu konuya göre:
https://github.com/electron/electron/issues/16521

Ve büyük not şudur: BrowserWindow'u oluşturmadan önce onu aramanız gerekir ! Yoksa işe yaramayacak!

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

Menu.setApplicationMenu(null);

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

GÜNCELLEME (BrowserWindow yapısında autoHideMenuBar'ı ayarlama)

@Kcpr yorumunda olduğu gibi! Özelliği ve birçok yapıcı üzerinde ayarlayabiliriz

Bu, elektronun en son kararlı sürümü olan 8.3'te mevcut!
Ama eski versiyonlarda da v1, v2, v3, v4'ü kontrol ettim!
Tüm versiyonlarda orada!

Bu bağlantıya göre
https://github.com/electron/electron/blob/1-3-x/docs/api/browser-window.md

Ve v8.3 için
https://github.com/electron/electron/blob/v8.3.0/docs/api/browser-window.md#new-browserwindowoptions

Belge bağlantısı
https://www.electronjs.org/docs/api/browser-window#new-browserwindowoptions

Seçenek için dokümandan:

autoHideMenuBar Boolean (isteğe bağlı) - Alt tuşuna basılmadıkça menü çubuğunu otomatik olarak gizler. Varsayılan yanlıştır.

İşte bunu açıklamak için bir pasaj:

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

Uygulamanızı paketlediğinizde, varsayılan menü artık orada olmayacak, eğer bu geliştirme sırasında sizi rahatsız ediyorsa setMenu(null), @TonyVincent tarafından önerildiği gibi tarayıcı penceresinden çağrı yapabilirsiniz .

7.0.0'dan itibaren, yukarıdaki çözümlerin çoğu artık çalışmamaktadır. BrowserWindow.setMenu()ile değiştirildi Menu.setApplicationMenu(), artık tüm pencerelerdeki menüyü değiştiriyor. setMenu(), removeMenu()artık hiçbir şey yapmayın, Bu arada hala belgelerde bahsediliyor.

setAutoHideMenuBar()hala çalışıyor, ancak Alt'ı bir kısayol tuşu değiştirici olarak kullanmayı planladıysanız bir sıkıntı olabilir. Menü göründüğünde, menüyü tekrar gizlemek için pencereden uzağa tıklamanız gerekir (odak kaybı).

Uygulamanızın birden fazla penceresi varsa, menüleri her pencerede ayrı ayrı ayarlayamaz / kaldıramazsınız. Bir menüyü kaldırmanın tek yolu çerçevesiz pencere yaklaşımını kullanmaktır. Mevcut başvurumda istediğim şey bu, ancak her durumda iyi bir çözüm değil.

@"electron": "^7.1.1" : 

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

Tarayıcıda menü olmadan beklendiği gibi çalışıyor.

Bu sorunun cevabının ardından, pencere oluşturulmadan Menu.setApplicationMenu(null) önce aramanız gerekir.

Bu çözümlerde hata var. Aşağıdaki çözümleri kullandığınızda, pencerelerin kapanmasında gecikme olur.

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

Aşağıda çözüm kullandım. Bu şimdilik daha iyi.

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

Bu satırdan önce main.js'de:

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

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

Resmi belgelere göre @ https://github.com/electron/electron/blob/v8.0.0-beta.1/docs/api/menu.md bunu 7.1.2'den beri yapmanın uygun yolu ve ben test ettim 8.0 sürümünde de:

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

Menu.setApplicationMenu(null)

browserWindow'u oluştururken autoHideMenuBar'ı true olarak ayarlayın

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

2020 Güncellemesi, benim için çalışan tek bl ** dy şey:

Menu.setApplicationMenu(new Menu());

setMenu(null);en iyi cevap, autohidemenuuygulamanın başında görüntülenecek

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