PySide6学习/教程/笔记(五):实现一个好看的界面框架

预览效果

设计文件已开源https://gitee.com/luison/pyside6-gui-demo

在这里插入图片描述
在这里插入图片描述

框架设计

整个应用由若干个部分组成,但是目前还没有考虑复用的问题,这可能会是后面的一项任务,如果任务较多,就不会考虑了。

  • 模块切换
    最上层是模块切换的地方,因为每个模块读取文件的实现都不一样,所以干脆取消了菜单栏,将菜单项都放进各模块的工具栏里。
    下面是对象的组织,由一个QTabWidget来实现模块的切换。
    在这里插入图片描述
    问题:tab标签之间我为了统一,修改了未选中的样式,但是我想让它们之间加入分隔线或者间隔开的时候,例如模块3和模块4之间添加分隔线,就失败了。
    在这里插入图片描述
  • 全局设置或信息
    例如账户信息,应用设置,背景设置之类的可以放在这里
    在这里插入图片描述
    问题:这一块感觉还是太小了,不清楚能不能放的下,可以考虑加一个小的菜单栏在这里。此外,这里我没考虑复用的问题,实际上这个widget是某个模块里的,切换模块还是要加载。信息不多的话,对效率没有太大影响。
  • 工具栏
    每个模块的工具栏都不相同
    在这里插入图片描述
    感觉我工具栏做的挺好看,参考了一些专业软件的设计,大拇指。
  • 选项菜单/属性菜单
    用了一个QTabWidget,还是那个问题,如何美化tab标签,至少能让用户可以分辨出来,这个界面用了很多tabwidget,感觉要好好研究一下这里。
    在这里插入图片描述
  • 内容部分
    在这里插入图片描述
  • 总体
    在这里插入图片描述

制作过程

没有代码过程,以上全部都是qtdesigner做的。
需要相关知识:

  • qtdesigner使用知识
  • 布局、margin和space、size等概念
  • qss

本来准备讲一下过程的,但是太麻烦了,都是一些细节,我相信只要会qt的基本都能看出来,就是一些参数的设置问题,关于参数,可以用qtdesigner打开ui文件查看。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值