PyQt5快速入门教程3-QtDesigner设计第一个界面

1、开发环境清单

基本环境如下：

Windows 10

Python 3.7

PyCharm .3.3 x64

PyQt5相关的库：

PyQt5 5.13.0

PyQt5-sip 12.8.0

pyqt5-tools 5.13.0.1.5

2、实现效果预览

用QtDesigner设计一个界面，实现点击按钮更改label中信息

用QTDesigner设计界面简单多了，而且更加直观。先看下效果图：

那么接下来一步一步完成该功能。

3、绘制ui界面

（1）打开Qt界面设计工具QTDsigner

若未安装，请参考PyQt5快速入门教程1

已经安装好之后，在“Python安装路径\Lib\site-packages\pyqt5_tools\Qt\bin”找到designer.exe。双击打开

（2）选择Wdiget，创建界面

（3）在窗口中添加控件，并修改属性

通过拖拽的方式，分别在窗口添加如下控件，Lable、pushButton，并修改起大小和位置，如图所示：

（4）保存ui文件

把ui文件保存到项目目录下

4、把.ui文件转换成.py文件

使用如下命令，把designer_demo1.ui文件转换成designer_demo1.py文件

pyuic5 -o designer_demo1.py designer_demo1.ui

pyuic5命令实现ui文件到py文件的转换，该命令的格式为：pyuic5 -o 目标文件源文件

5、编写主程序，调用ui程序

源代码如下：

#coding=utf-8import sysfrom PyQt5.QtWidgets import QMainWindow,QApplicationimport designer_demo1####################### 全局变量#########################app = QApplication(sys.argv)num = 0class MyWindows(designer_demo1.Ui_Form, QMainWindow):def __init__(self):super(MyWindows, self).__init__()self.setupUi(self)self.label.setText("button 点击次数:{}".format(num))my_windows = MyWindows() # 实例化对象my_windows.show() # 显示窗口####################### button click #########################def button_click():global numnum += 1my_windows.label.setText("button 点击次数:{}".format(num))my_windows.pushButton.clicked.connect(button_click)sys.exit(app.exec_())

需要注意以下几点：

（1）导入ui文件，本程序为 import designer_demo1

（2）自定义一个新类，继承自ui文件的类。在该类中可以实现各种功能。

（3）最后一行sys.exit(app.exec_())，不可以丢弃

如果觉得《PyQt5快速入门教程3-QtDesigner设计第一个界面》对你有帮助，请点赞、收藏，并留下你的观点哦！