概述
1. 隐藏顶部菜单；
调用BrowserWindow模块创建主窗口以后设置菜单为空即可。
mainWindow.setMenu(null); 如果是Mac系统，上面的设置可能会不生效，需要利用app模块做以下操作。
app.dock.hide();2. 实现导航条可拖拽；
在自定义的导航条容器外层添加CSS样式设置。
.my-header {
width: 100%;
height: 30px;
line-height: 30px;
background-color: rgb(198, 47, 47);
/* 值为no-drag时不可拖拽 */
-webkit-app-region: drag;
}3. 隐藏最小化、最大化和关闭按钮；
调用BrowserWindow模块创建主窗口时设置frame属性。
mainWindow = new BrowserWindow({
height: 563,
useContentSize: true,
width: 1000,
// 去掉最顶部的导航，以及最大化、最小化、关闭按钮
frame: false
});4. 自定义最小化、最大化和关闭按钮；
在渲染进程中通过ipcRenderer模块向主进程发起通知调用相关命令，关闭窗口。
// 最小化
min(){
this.$e最后
以上就是土豪老鼠为你收集整理的Electron中自定义窗口导航条的全部内容，希望文章能够帮你解决Electron中自定义窗口导航条所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复