新用户购买《Electron + Vue 3 桌面应用开发》,加小册专属微信群,参与群抽奖,送《深入浅出Electron》、《Electron实战》作者签名版。
抽奖活动是掘金组织的,仅限近几日加入微信群的新成员(目前人还不多),我负责抽奖、邮寄,2022年11月20日开始抽奖。凡参与抽奖的读者都有机会中奖。
现在市场上有一些应用以其特殊的窗口造型,提供更好的用户体验。比如360浏览器的安装画面是一个圆形窗口。很多游戏的启动登录画面是一个不规则窗口,本节我就带领大家实现一个基于Electron的不规则窗口。
首先,把窗口的高度(height)和宽度(width)值修改为相同的值,使窗口成为一个正方形。
其次,把窗口的透明属性(transparent)设置为true,这样设置之后窗口还是正方形的,但只要我们控制好内容区域的Dom元素的形状,就可以让窗口看起来像一个不规则形状一样。
不规则窗口往往需要自定义边框和标题栏ÿ