Electron应用默认有一个浏览器的标题栏,多少看上去都有些不爽,隐藏掉默认浏览器的标题栏及边框方法很简单。
隐藏窗口
创建窗口时通过参数 frame
就可以控制是否显示。示例:
1 | win = new BrowserWindow({width:1800,height:600,frame:false}); |
通过这个参数很容易实现无边框的界面。但是发现窗口无法拖动了。就傻傻的待在启动的位置。这就尴尬了。想关闭都麻烦。于是就有了下面的设置方法。
通过样式设置界面的可拖动区域
electron通过一个样式来确定区域是否可以拖动 -webkit-app-region
。 这个样式有两个值分别是 drag
和 no-drag
。通过设置不同值控制区域是否可以拖拽。
样例:
1 | /** |