窗口定制
¥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
支持单个全尺寸 Web 视图,而 BaseWindow
支持组合多个 Web 视图。在本节文档的示例中,BaseWindow
可以与 BrowserWindow
互换使用。
¥[!NOTE]
BrowserWindow
is a subclass of the BaseWindow
module. Both modules allow
you to create and manage application windows in Electron, with the main difference
being that BrowserWindow
supports a single, full size web view while BaseWindow
supports composing many web views. BaseWindow
can be used interchangeably with BrowserWindow
in the examples of the documents in this section.
📄️ 自定义标题栏
应用窗口具有由操作系统应用的默认镶边。不要与 Google Chrome 浏览器混淆,窗口镶边是指窗口的部分(例如标题栏、工具栏、控件),这些部分不属于主要 Web 内容。虽然 OS chrome 提供的默认标题栏足以满足简单的用例,但许多应用选择将其删除。实现自定义标题栏可以帮助你的应用在各个平台上感觉更现代、更一致。
📄️ 自定义窗口交互
默认情况下,使用操作系统镶边提供的标题栏拖动窗口。删除默认标题栏的应用需要使用 app-region CSS 属性来定义可用于拖动窗口的特定区域。设置应用区域:拖动将矩形区域标记为可拖动。
📄️ 自定义窗口样式
!无框窗口