窗口自定义
BrowserWindow 模块是 Electron 应用程序的基础,它公开了许多 API,让您可以自定义应用程序窗口的外观和行为。本节介绍如何在 macOS、Windows 和 Linux 上实现各种窗口自定义用例。
注意
BrowserWindow 是 BaseWindow 模块的子类。这两个模块都允许您在 Electron 中创建和管理应用程序窗口,主要区别在于 BrowserWindow 支持单个全尺寸网页视图,而 BaseWindow 支持组合多个网页视图。在本节的文档示例中,BaseWindow 可以与 BrowserWindow 互换使用。
📄️ 自定义标题栏
应用程序窗口默认由操作系统应用了“窗口边框”(chrome)。“窗口边框”(_chrome_)与 Google Chrome 浏览器无关,它指的是窗口中不属于主网页内容的部分(例如,标题栏、工具栏、控件)。虽然操作系统边框提供的默认标题栏足以满足简单的用例,但许多应用程序选择将其移除。实现自定义标题栏可以使您的应用程序在不同平台之间感觉更现代和一致。
📄️ 自定义窗口交互
默认情况下,窗口使用操作系统边框提供的标题栏进行拖动。移除默认标题栏的应用程序需要使用 app-region CSS 属性来定义可用于拖动窗口的特定区域。设置 app-region: drag 将矩形区域标记为可拖动。
📄️ 自定义窗口样式
!无边框窗口