上一章讲了如何新建一个PyQt工程,那么这一章主要介绍Qt Designer的使用。随着,人们审美的不断提高,用户对界面的要求也越来越高。当然,PyQt由于产品定位的原因,不大可能做出十分精致的UI。但是,精致做不到,好看的界面还是绰绰有余的。下面就开始讲一下我的串口助手UI的设计。
开始设计UI前,首先要确定这个软件需要实现什么功能,这是最基本,也是最重要的,毕竟界面再好看,功能不够强也只是喧宾夺主,所以在保证功能前提下,去优化界面才是正确的思路。那为什么要先做UI呢?因为把界面做好了,剩下的就是连接槽和功能等的实现,就不太需要频繁切换了。而且,有了界面之后,思路也比较清晰了。事实开发的时候,会根据需求,给界面添添补补一些功能和提示。
打开我们创建的工程,再在工程中一个创建UI文件,如下图所示。
![](https://img.haomeiwen.com/i12574551/3b0220d0805f1039.jpg)
打开界面后,我们选择的是Widget(其他的大家可以baidu一下区别),一般小项目选择Widget就足够了。第一次使用,需要先熟悉一下这个软件,用得最多得就是两个菜单栏,一个是控件栏,如下图所示。
![](https://img.haomeiwen.com/i12574551/8c2ae2ebb86854cf.jpg)
想要快速熟悉控件栏的方法就是一个个用鼠标拖到Form中,然后按一下快捷键Ctrl+R,来看一下实际效果,如果有些实在不明白什么功能的,可以baidu一下,现学现卖,也不需要整天记这些,熟能生巧嘛。熟悉之后,可以右键控件栏选择“icon view”,个人感觉比较方便,界面如下图所示。看个人喜欢。
![](https://img.haomeiwen.com/i12574551/880d63f62b91ccef.jpg)
第二个经常用到的菜单栏是下图这个。可以看到这部分主要修改的是相关控件的一些属性、大小、样式之类的,反正就是跟美化有关,所以想要做出好看的UI,这一部分我们需要好好理解。如果不知道什么意思,可以查一下翻译(英语不好的,常备有道云,后面可能需要大量阅读PyQt的API英文文档),或者拖一个控件出来,每个属性都修改一下,然后Ctrl+R看看有什么变化,直观一点比较好理解。
![](https://img.haomeiwen.com/i12574551/e6046ca093236dba.jpg)
Qt Designer是我们设计UI的一个工具,我们越熟悉这个工具,设计的时候就越能游刃有余,所谓磨刀不费砍柴工,花一天半天熟悉这个工具还是非常有必要的。赶紧动手试一试吧。
网友评论