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设计第一个界面》对你有帮助,请点赞、收藏,并留下你的观点哦!