win10 electron窗体如何去掉阴影?

本文转载自:https://newsn.net/

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

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

win10 系统,electron 窗体如何去除系统阴影(图8-1)

系统阴影开关

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

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

win10 系统,electron 窗体如何去除系统阴影(图8-2)

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

win10 系统,electron 窗体如何去除系统阴影(图8-3)

方案描述

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

mainWindow = new BrowserWindow({

frame:true,

//hasShadow:false,

transparent: true

})

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

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

win10 系统,electron 窗体如何去除系统阴影(图8-4)

方案对比

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

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

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

win10 系统,electron 窗体如何去除系统阴影(图8-5)

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

win10 系统,electron 窗体如何去除系统阴影(图8-6)

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

win10 系统,electron 窗体如何去除系统阴影(图8-7)

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

win10 系统,electron 窗体如何去除系统阴影(图8-8)

以上是 win10 electron窗体如何去掉阴影? 的全部内容, 来源链接: utcz.com/a/119517.html

回到顶部