自定义窗口
BrowserWindow 模块是您的 Electron 应用程序的基础,并且它暴露了许多可以自定义应用窗口外观和行为的 API。 本节介绍如何在 macOS、 Windows 和 Linux 上实现自定义窗口的各种使用案例。
note
BrowserWindow 是 BaseWindow 模块的子类。 两个模块都允许你在 Electron 中创建并管理应用程序窗口,主要区别在于 BrowserWindow 支持单个全尺寸 WebView,而 BaseWindow 支持合成多个 WebView。 在本节文档的示例中,BaseWindow 可与 BrowserWindow 互换使用。
📄️ 自定义标题栏
应用窗口有操作系统设置的默认窗口外框(chrome)。 不要与 Google Chrome 浏览器混淆, _窗口外框(chrome)_ 是指窗口中不是主网页内容的部分(如标题栏,工具栏,控件)。 虽然操作系统的窗口外框提供的默认标题栏对于简单用例足够了,但是很多应用选择去除它。 实现一个自定义的标题栏可以使您的应用更有现代感,并在多个平台中保持一致。
📄️ 自定义窗口交互
默认情况下,使用操作系统窗口外框提供的标题栏可以拖拽窗口。 移除默认标题栏的应用需要使用 app-region CSS 属性来定义可以用于拖拽窗口的指定区域。 设置 app-region: drag 会将一块矩形区域标记为可拖拽。
📄️ 自定义窗口样式
!无边框窗口