win10 electron窗体如何去掉阴影?
本文转载自:https://newsn.net/
在electron
的窗体编程过程中,总是有同学会碰上窗体阴影的问题。那么,在本篇文章中,苏南大叔,将要讲述在win10
系统中,如何去除系统阴影。
win10 系统,electron 窗体如何去除系统阴影(图8-1)
系统阴影开关
系统设置里面,有个窗口阴影的总开关。我们如果想去除阴影的话,这个开关是关闭的情况下,是肯定不会出现窗口阴影的。如果是打开的情况下,我们如果想去除默认的阴影效果,就需要继续读本文的内容了。
win10 系统,electron 窗体如何去除系统阴影(图8-2)
win10 系统,electron 窗体如何去除系统阴影(图8-3)
方案描述
在win10系统中,只有一个不是太好的方案,来去除系统的窗体阴影效果。那就是:
mainWindow = new BrowserWindow({frame:true,
//hasShadow:false,
transparent: true
})
这个方案虽然能够去掉阴影,但是也去除了系统边框,就是说标题栏区域都去除了,而且要保证在页面内的body层面上,要有css背景色设置,否则就会出现窗体上的透明空洞。效果图如下:
win10 系统,electron 窗体如何去除系统阴影(图8-4)
方案对比
如下是相关参数设置的对比效果,我们加入了hasShadow
这个参数对比,这个参数从词义上面看,是控制窗体阴影的。但是,这个参数只在mac系统上面上有效。导致了本文中方案的一大缺憾。
下面的截图中,都是错误的设置,都不能去除系统阴影。
win10 系统,electron 窗体如何去除系统阴影(图8-5)
win10 系统,electron 窗体如何去除系统阴影(图8-6)
win10 系统,electron 窗体如何去除系统阴影(图8-7)
win10 系统,electron 窗体如何去除系统阴影(图8-8)
以上是 win10 electron窗体如何去掉阴影? 的全部内容, 来源链接: utcz.com/a/119517.html