一、安装PyQt5 设计师工具
安装
默认情况下,我们在安装PyQt5的时候会自动安装Qt设计师软件:
![969670b474ca0dd341ccf7b2b57e7383.png](https://i-blog.csdnimg.cn/blog_migrate/4ef017f0a3956b54331a243233965077.jpeg)
如果没有安装的,我们可以使用Python包管理工具pip进行安装:
pip install pyqt5-tools
安装完成后,qt设计师会出现在python的pyqt5模块目录下:
![b4bc4c3e138731cee91951f46a8968a7.png](https://i-blog.csdnimg.cn/blog_migrate/7847342d412c024bee6d3c85b6244040.jpeg)
双击运行,会直接打开Qt设计师软件,这样就已经安装好了:
![4a8f31dd3c4b2986a543e52177d21a0d.png](https://i-blog.csdnimg.cn/blog_migrate/7a2e448b3f68c60f1cb111542803ad4c.jpeg)
二、使用Qt Designer创建GUI窗口
打开qt设计师之后,我们可以在“新建窗体”窗口中选择各种窗口的模板来进行窗口的创建:
![207e513890a69464fa78efc981a032d2.png](https://i-blog.csdnimg.cn/blog_migrate/7b7002e5df151ec9fd79ccdf4586fe13.jpeg)
接下来,我们使用qt设计师创建一个GUI 窗口程序。
通过Qt Designer创建第一个GUI窗口
我们在“新建窗体”窗口中选择“Main Window”来创建一个空白的主窗口:
![07694cb6970373e848060ae2b6e0355e.png](https://i-blog.csdnimg.cn/blog_migrate/2be6b5a6ea3307709d25f10f3a290090.jpeg)
qt设计师的主面板出现了一个空白的窗口GUI,我们可以使用快捷键Ctrl+R对窗口进行预览:
![f4c740a4d99fe92ba235ddbf970d117a.png](https://i-blog.csdnimg.cn/blog_migrate/e2a171f0e1e1153824746950d7f591f3.jpeg)
在右侧的选项栏中,可以对窗口的各种属性进行设置:
![0e2d5e72632c0010f5b7319b2de7bb7a.png](https://i-blog.csdnimg.cn/blog_migrate/9be5b4e69471d7c5e7cc1e09ccd81e9b.jpeg)
如图我们修改了窗口的大小。
修改窗口标题
新建的窗口使用的是默认的标题,我们可以在右侧的“windowTitle”选项中修改窗口标题:
![54eabb8826af3039e4591cd0b0790b34.gif](https://i-blog.csdnimg.cn/blog_migrate/b9fe627af832f29b3a2cfe2a3de704d2.gif)
在GUI中添加菜单栏和子菜单
使用qt设计师也可以很方便地创建菜单和子菜单,直接点击操作,简单迅速:
![36e1740ecb550464d53bb02bc087b8fd.gif](https://i-blog.csdnimg.cn/blog_migrate/e5be8dc24124f6265b53550a1c89c2d8.gif)
为菜单选项添加图标
菜单创建之后,只有文字很是单调,我们可以在icon选项中为菜单添加图标:
![c38caa5a13b36c830133b3faf8fafe51.gif](https://i-blog.csdnimg.cn/blog_migrate/30d000e7b2200b83733ea03a46eb8647.gif)
添加文本到状态栏
在上一篇中,我们使用statusBar()方法来设置窗口状态栏的文本,在qt设计师中,通过“statusTip”选项同样可以快速设置:
![ea0b34164a7414be747c10e47abb9ac6.gif](https://i-blog.csdnimg.cn/blog_migrate/6128518b2df1bbb24876b731da8d9048.gif)
保存UI设计
最后,我们保存设计好的qt设计文件,以供日后使用:
![3d3b87473b6c3ad8990e5c96414e7262.gif](https://i-blog.csdnimg.cn/blog_migrate/bc4c7a1829f4f0cc13e855b84218929f.gif)
原文作者:州的先生博客