如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接信息。

书接上文,在win10下,系统阴影的设置方案比较有缺陷。但是在mac系统中,这个问题得到了极大的改善。在本文中,苏南大叔将要给大家表述:在mac系统中,如何控制窗体的系统阴影。

代码展示

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

效果对比

在mac系统中,electron的窗体是默认有阴影的。在win系统中,是否有阴影,默认情况下,electron是说了不算的,看系统设置情况。

mac,electron窗体如何去除系统阴影 - 00_默认有阴影

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

在mac系统中,只要设置了transparent:true,就不会有阴影。这一点换到win下,就是只要设置了transparent:trueframe:false,就不会有阴影。

mac,electron窗体如何去除系统阴影 - 03_透明设置最强大

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

mac,electron窗体如何去除系统阴影 - 04_透明设置最强大

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

mac,electron窗体如何去除系统阴影 - 05_透明设置最强大

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

当没有设置透明属性的时候,在mac系统下,是由hasShadow来控制是否使用阴影的。而在win下,这个hasShadow属性是完全失效的。

mac,electron窗体如何去除系统阴影 - 01_去除阴影

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

当然,如果和win中,使用同样的设置的话,也是没有阴影效果的。

mac,electron窗体如何去除系统阴影 - 02_win组合没阴影

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

相关链接

结论

在mac系统下,阴影的设置非常方便和正常。当没有设置transparent:true的时候,是由hasShadow来控制是否使用阴影的。如果设置了transparent:true,那么就是肯定没有阴影的。

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

  【electron】秘籍文章入口,仅传授于有缘之人  electron

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

打赏领取小礼物

打赏任意金额,发送截图到邮箱 shang@newsn.net ,可以领取精选回馈如下(任选其一):
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!

岁月静好

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/electron-shadow-mac.html
上一篇好文:win10,electron窗体如何去除系统阴影
下一篇好文:利用Enigma Virtual Box合并electron的dll制作单文件

如果您转载了本文章,出于某种原因,并没有注明作者或者出处。
在这里,苏南大叔也表示理解和支持。因为苏南大叔深深地明白:
您会在合适的时机,合适的地方,给本博客一个外链。对吧?
您若开心,便是安好!岁月静好,但愿世界和平,没有纷争~