qiniuClient icon indicating copy to clipboard operation
qiniuClient copied to clipboard

建议增加“隐藏菜单栏”的模式

Open abcfy2 opened this issue 4 years ago • 5 comments

如同样是使用electron开发的Motrix,就有这个选项,这样整个软件显示效果会美观的多。

开启前: 深度截图_选择区域_20200325170136

开启后: 深度截图_plasmashell_20200325170023

隐藏掉标题栏(这里是截图形式展示)会让应用更加协调: 深度截图_选择区域_20200325170340

abcfy2 avatar Mar 25 '20 09:03 abcfy2

果然前端无能,按照electron官方文档,在主窗体添加frame: false选项,的确达到了目的,但是同样也没有最大化、最小化、关闭按钮。看Motrix项目以及electron官方文档的描述,得自己添加按钮布局和点击事件。

而且看项目中已经包含一个icon font文件 https://github.com/willnewii/qiniuClient/blob/master/static/dll/fonts/ionicons--fonts.ttf

用字体文件查看器看了下,里面有最大化(尖箭头向上),最小化(尖箭头向下)和关闭(空心圆叉)的文字图标,而且还带有两种样式,应该是同时支持黑白两种主题的。

但是不会调,各种报错,不会整,前端无能哎 image

还是等作者 @willnewii 来处理吧

abcfy2 avatar Mar 27 '20 14:03 abcfy2

把搜索框、刷新、设置按钮挪到左边去,右边正好空出来加上最大化、最小化、关闭按钮,就协调了

abcfy2 avatar Mar 27 '20 15:03 abcfy2

你可以搜一下 link 的“ autoHideMenuBar”这个属性.
我在win下试了一下,效果如下图.虽然不是你想要的那种效果.不过至少页面看起来没以前那么割裂了. 方便的话你可以试试linux的,如果可行我就把这个属性加上. 捕获2

PS:之前也想过自定义一个标题栏,后来怎么调也不是哪味,就放弃了

willnewii avatar Mar 28 '20 03:03 willnewii

对,差不多就是这个效果,甚至标题栏都可以干脆去掉,这样会显得整个布局更加紧凑,显得一体化。我在上面放的截图就是Motrix的效果,可以看一下。

abcfy2 avatar Mar 28 '20 03:03 abcfy2

这个最大化,最小化,关闭按钮我看了下motrix的源码,是他自己搞的。实际我看了下stackoverflow的问答,frameless窗口就是需要自己添加那三个按钮: https://stackoverflow.com/questions/35876939/frameless-window-with-controls-in-electron-windows

abcfy2 avatar Mar 28 '20 03:03 abcfy2