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