Home » 客户端编程 » win10,electron窗体如何去除系统阴影

win10,electron窗体如何去除系统阴影

发布于
如果本文对您有帮助,或者节约了您的时间,欢迎您打赏瓶饮料,建立一下友谊关系。

在electron的窗体编程过程中,总是有同学会碰上窗体阴影的问题。那么,在本篇文章中,苏南大叔,将要讲述在win10系统中,如何去除系统阴影。

系统阴影开关

系统设置里面,有个窗口阴影的总开关。我们如果想去除阴影的话,这个开关是关闭的情况下,是肯定不会出现窗口阴影的。如果是打开的情况下,我们如果想去除默认的阴影效果,就需要继续读本文的内容了。

win10,electron窗体如何去除系统阴影 - shadow_win_01.png

win10,electron窗体如何去除系统阴影 - final.png

方案描述

在win10系统中,只有一个不是太好的方案,来去除系统的窗体阴影效果。那就是:

mainWindow = new BrowserWindow({
    frame:true, 
    //hasShadow:false, 
    transparent: true
})

这个方案虽然能够去掉阴影,但是也去除了系统边框,就是说标题栏区域都去除了,而且要保证在页面内的body层面上,要有css背景色设置,否则就会出现窗体上的透明空洞。效果图如下:

win10,electron窗体如何去除系统阴影 - shadow_transparent_frame.png

方案对比

如下是相关参数设置的对比效果,我们加入了hasShadow这个参数对比,这个参数从词义上面看,是控制窗体阴影的。但是,这个参数只在mac系统上面上有效。导致了本文中方案的一大缺憾。

下面的截图中,都是错误的设置,都不能去除系统阴影。

win10,electron窗体如何去除系统阴影 - shadow_frame.png

win10,electron窗体如何去除系统阴影 - shadow_has_shadow.png

win10,electron窗体如何去除系统阴影 - shadow_transparent_frame2.png

win10,electron窗体如何去除系统阴影 - shadow_transport.png

总结

win10下面用有缺陷的参数组合方案实现了需求。所以,本篇文章的内容,也就是个仁者见仁智者见智的文章了。聪明的读者,您一定会做出自己的选择吧?

更多electron相关经验文章,请点击这里查看。https://newsn.net/tag/electron/

想要获取完整源码或相关软件?点击这里获取相关内容

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/electron-shadow-win10.html
上一篇好文:配置mac的terminal,简化默认提示前缀
下一篇好文:mac,electron窗体如何去除系统阴影
尊重原创内容,转载请保留链接信息,感谢您的阅读

如果本文对您有帮助,或者节约了您的时间,欢迎您打赏瓶饮料,建立一下友谊关系。
欢迎关注微信公众号“苏布斯看世界”:
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。

相关文章

添加新评论