本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。

书接上文,在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/

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