Electron无边框frameless window无法点击交互

 时间:2024-10-18 04:49:20

1、引入Electron BrowserWindow模块。通过“const { BrowserWindow } = require('electron')”引入Electron BrowserWindow模块,这是无边框窗口frameless window的基础。

Electron无边框frameless window无法点击交互

2、配置无边框窗口frameless window。将new BrowserWindow中的“frame”选项赋值“false”,这样Electron程序的窗口就变成无边框窗口frameless window了。

Electron无边框frameless window无法点击交互

3、重写原窗口“右上角”红绿灯的默认行为。如果不重写原窗口右上角“红绿灯”(又称“traffic light”,包括最小化、最大化、关闭三个按钮),则会出现预想不到的bug。

Electron无边框frameless window无法点击交互

4、实例化窗口对象。在“app.on('ready',function(){})”中通过“mainWindow = main.createMainWindow()”实例化BrowserWindow窗口对象。

Electron无边框frameless window无法点击交互

5、删除CSS中的“-webkit-app-region: drag”样式。文档中关于Electron无边框窗口frameless window的CSS样式解释得有误导性,正确的说法应该是:“为了能跟Electron无边框窗口frameless window webview交互,应去掉-webkit-app-region:drag这一样式”。如果你还想学习更多关于编程的知识,可以参考以下教程:

Electron无边框frameless window无法点击交互
  • 快播关闭QVOD服务器怎么办
  • 如何进行定制Ubuntu系统
  • 上海市注册公司代理流程
  • Linux中添加用户以后,默认在系统增加哪些信息
  • 墨尔本CBD免费乘电车区域
  • 热门搜索
    北京旅游图 冀晋鲁旅游惠民卡 一起旅游网 宜宾旅游景点大全 云南腾冲旅游攻略 衡水湖旅游 湖南省旅游景点 狼牙山旅游 东莞旅游公司 山西旅游景点地图