窗口定制
🌐 Window Customization
BrowserWindow 模块是你的 Electron 应用的基础,它提供了许多 API,让你可以自定义应用窗口的外观和行为。本节介绍了如何在 macOS、Windows 和 Linux 上实现各种窗口自定义的使用场景。
🌐 The BrowserWindow module is the foundation of your Electron application, and
it exposes many APIs that let you customize the look and behavior of your app’s windows.
This section covers how to implement various use cases for window customization on macOS,
Windows, and Linux.
BrowserWindow 是 BaseWindow 模块的一个子类。这两个模块都允许你在 Electron 中创建和管理应用窗口,主要区别在于 BrowserWindow 支持单个全尺寸的网页视图,而 BaseWindow 支持组合多个网页视图。BaseWindow 可以在本节文档的示例中与 BrowserWindow 互换使用。
📄️ 自定义标题栏
应用窗口默认会由操作系统应用窗口装饰(chrome)。不要与谷歌浏览器 Chrome 混淆,窗口的_chrome_指的是窗口中不属于主要网页内容的部分(例如标题栏、工具栏、控件)。虽然操作系统提供的默认标题栏对于简单的使用场景已经足够,但许多应用选择将其移除。实现自定义标题栏可以让你的应用感觉更加现代,并在各个平台上保持一致性。
📄️ 自定义窗口交互
默认情况下,窗口是通过操作系统提供的标题栏进行拖动的。移除了默认标题栏的应用需要使用 app-region CSS 属性来定义可用于拖动窗口的特定区域。设置 app-region: drag 可以将矩形区域标记为可拖动。
📄️ 自定义窗口样式
!无框窗口