首页 > 其他分享 >适用于win10和win7的electron窗口毛玻璃特效

适用于win10和win7的electron窗口毛玻璃特效

时间:2024-03-13 11:58:24浏览次数:22  
标签:node electronVibrancy win7 vibrancy electron win10 Vibrancy mainWindow

为了使electron的窗口炫起来,可以通过以下方式添加毛玻璃特效,开篇先上一张效果图。
在这里插入图片描述
话不多说,上代码及使用说明:

一、 支持平台

Windows 7、Windows 10 (stable) 64位

二、 代码拉取及启动示例

git clone https://gitee.com/lykiao/electron-vibrancy-windows.git
cd electron-vibrancy-windows
yarn install
cd spec/app # 进入示例
electron . # electron --version 版本应该为 15.3.5

三、 使用说明

1、指定适用于自己的electron版本及node版本,再编译,生成Vibrancy.node文件
2、复制文件【\vibrancy\index.js】并改名为例如【vibrancy.js】,将第一行【var Vibrancy = require(‘bindings’)(‘Vibrancy’);】改为【var Vibrancy = require(‘…/Vibrancy.node’);】,具体路径根据实际修改
3、然后就可以在background.js中引入并使用了,background.js引入例:

const electronVibrancy = require("./vibrancy"); 

background.js中使用例:

 electronVibrancy.enableVibrancy(mainWindow); 
 electronVibrancy.disableVibrancy(mainWindow);

以上是我直接引入Vibrancy.node文件的使用方式,或者也可以参照本工程例(spec/app)的引入方式:

// mainWindow with show: false
mainWindow.on('ready-to-show',function() {
  var electronVibrancy = require('..');
  electronVibrancy.enableVibrancy(mainWindow);
  electronVibrancy.disableVibrancy(mainWindow);
  mainWindow.show();
});

四、 再编译

参照package.json或readme,执行以下命令,生成release版本Vibrancy.node文件

yarn conf
yarn rebuild

五、 注意事项

1、BrowserWindow 必须定义为透明 (transparent:true)
2、编译时node版本需要同electron版本对应的node版本一致
3、关于原代码编译错误: 其中Vibrancy.cc的61行编译报错,有修改,以下代码的括号中添加isolate解决:

bool toggleState = toggleStateObj->BooleanValue(isolate);

六、 详细参照代码库说明文档:

https://gitee.com/lykiao/electron-vibrancy-windows.git

标签:node,electronVibrancy,win7,vibrancy,electron,win10,Vibrancy,mainWindow
From: https://blog.csdn.net/sinat_40408885/article/details/136668799

相关文章

  • win10在任意位置安装Linux子系统
    1.把WSL1设置为默认版本以管理员身份打开Powershell,输入命令wsl--set-default-version12.启用适用于Linux的Windows子系统控制面板--程序--程序和功能--启用或关闭Windows功能选中适用于Linux的Windows子系统,确定完成后重启生效3.下载WSLLinux手动安装包选择Linux版本,下载......
  • Win10专业版系统永久升级密钥
    Windows10专业版是Windows10操作系统的商业版本。它包含Windows10家庭版的所有功能,并添加了一些适合小型企业和组织的功能。Windows10专业版的功能包括:设备加密:使用BitLocker加密设备上的数据,以防止未经授权的访问。远程桌面:从另一台设备远程连接到您的PC。组......
  • 【Win10】完美去除桌面快捷方式图标左下角的小箭头,亲测有效!
    在安装软件过程中,选择创建快捷方式后,桌面上会出现一个如下图一样的左下角带有弯弯小箭头的程序图标,看起来非常不美观。那么我们如何去除这个小箭头呢?接下来给大家介绍一种既快捷又实用的操作方式。而且亲测有效!去除图标的详细操作步骤:第一步:桌面创建文本文档第二步:将下面内......
  • electron暴露配置文件(用户可随时修改)
    配置文件一般web前端项目配置文件,写死的放在src/config下,需要打包配置的放在.env文件中。但在electron项目中,如果配置数据更改,需要每次给用户打包升级肯定是行不通的。于是外部配置文件就是有必要的,具体实现方法也比较简单,通过fs去读写外部文件就可实现具体实现设置文件不被压......
  • 企业级桌面软件开发框架electron
    https://gitee.com/dromara/electron-egg最大优点是可以生成桌面应用软件包;开发文档:https://www.kaka996.com/pages/c9eed1/运用它的---》远程模式功能,将生产环境地址设置到config.remoteUrl即可打包生成;具体操作步骤:vue项目启动npmrundev打包npmrunbuild生成......
  • The Marvels of an Electronic Technician's World
    Welcometothefascinatingworldofelectronictechnicians!Inthisblogpost,wewilldiveintotheexcitingrealmoftheseunsungheroeswhoworkbehindthescenestokeepourgadgetsrunningsmoothly.Fromtroubleshootingtorepairing,anelectronicte......
  • Win10电脑端口号怎么查看_Win10查看电脑端口号
    有些Win10用户想查看电脑端口号,但是不知道怎么查看,这篇文章是本站给大家带来的Win10电脑端口号查看方法。1、首先,按键盘上的【Win+X】组合键,或右键点击左下角的【开始菜单】,在打开的右键菜单项中,选择【运行】2、运行窗口,输入【cmd】命令,按【确定或回车】打开命令提示符窗口......
  • WPF 应用迁移到 Electron 框架过程记录
    前一段时间我用WPF开发了一个查看emoji表情的小工具https://github.com/he55/EmojiViewer,由于最近我使用macOS系统比较多,我想能在macOS系统上也能使用这个工具。于是我尝试将WPF应用迁移到Electron框架,感觉这个框架很强大,在这里记录一下应用迁移的过程。安装Elec......
  • Win7离线安装.Net 4.8
    安装补丁:先打上一个KB2813430的补丁,然后再安装net-framework4.8即可成功。32位系统补丁下载地址:https://www.microsoft.com/zh-CN/download/details.aspx?id=3911064位系统补丁下载地址:https://www.microsoft.com/zh-CN/download/details.aspx?id=39115安装补丁后还不行下载......
  • 成功实现win7上用vscode+copilot做开发副机
    最初以为直接在Win7上安装VSCode,然后在上面安装GitHub的CodeCopilot就足够了,然而我很快发现VSCode已经不支持Win7了。既然我已经付款,那在网站上使用总该可以吧?但GitHub不支持个人在网站上使用,必须是企业用户;对于桌面端,它目前只支持自家的VSCode。接着我寻找可以共享屏......