在 Electron 中隐藏标题栏和边框通常涉及到创建 BrowserWindow
实例时的窗口选项配置。你可以通过设置 frame
选项为 false
来实现这一点。这样做会创建一个无边框窗口,其中不包括标准的窗口框架(如标题栏、最小化、最大化和关闭按钮等)。
以下是一个简单的示例代码,展示了如何在 Electron 应用中创建一个无边框窗口:
const { app, BrowserWindow } = require('electron');
app.on('ready', () => {
let win = new BrowserWindow({
width: 800,
height: 600,
frame: false // 设置为 false 以隐藏标题栏和边框
});
win.loadURL('你的页面URL');
});
请注意,当你隐藏了窗口的标题栏和边框后,需要在应用程序的 UI 中提供一种方式让用户能够关闭窗口,因为标准的关闭按钮也会被隐藏。你可以通过在页面上添加自定义的最小化、最大化和关闭按钮,并使用 Electron 的 API 来控制窗口的行为来实现这一点。