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免费乘电车区域
  • 热门搜索
    夫妻性生活网 如何去除老年斑 机智牢房生活 尿尿刺痛怎么办 怎么学英语最有效 大熊猫的生活习性 鼠标快捷键怎么设置 如何写自我鉴定 手机越狱后怎么恢复 衣服领子发黄怎么洗