下面我们从一个简单的登录对话框来了解PyQt5的开发过程。 PyQt5支持两种界面开发方式:一种是在QtDesigner中设计界面,各种控件直接通过拖动添加;一另种是直接撰写界面代码,通过代码控制界面上的控件。下面我们将分别通过这两种方式建立一个如图1所示的登陆对话框。
图1 一个简单的登陆对话框
经过上一篇文章的设置后,我们可通过菜单栏的“Tool”→“QT Tool”→“Qt Designer”打开QtDesigner程序,进行界面设计,如图2。
图2 QtDesinger界面
由于我们只需建立一个简单的窗口,故选择模板为“Widget”,单击“创建”,即进入窗口编辑界面,如图3所示。
图3 新建窗口
我们只需将所需的控件拖入即可,这里我们需要2个Push Button(Buttons中),2个Label(Display Widget中)和2个Line Edit(Import Widgets中)。拖入后大致安排好位置(如图4)。
图4 窗口初步设计
在窗口空白处单击鼠标右键,选择“布局”→“栅格布局”,即可将控件大致排列好。
然后,在对象查看器中单击对象,即可在属性编辑对话框设置控件属性。这个项目中我们进行如下设置:
图5 最终窗口
最后,将本窗口以ui文件保存在项目文件夹,选择此文件,单击鼠标右键,选择“QT Tool”→“PyUIC”,即可生成py文件。
在上一节生成的ui文件是需要转换成py文件来使用的。故,我们也可以直接撰写界面代码,来进行开发。 代码如下:
# -*- coding: utf-8 -*-
from PyQt5.QtWidgets import *
class Ui_Form(QWidget):
def __init__(self):
super().__init__()
self.setWindowTitle("登录界面")
self.resize(200,100)
lay=QFormLayout()
self.setLayout(lay)
Lab1=QLabel("用户名")
Line1=QLineEdit()
Lab2 = QLabel("密码")
Line2 = QLineEdit()
OkB=QPushButton("确定")
CB=QPushButton("取消")
lay.addRow(Lab1,Line1)
lay.addRow(Lab2, Line2)
lay.addRow(OkB,CB)
代码说明:
以上生成的窗口类可以在同一个py文件中书写main函数进行调用。不过笔者不建议这样做。尤其是第一种方法中需要修改窗口时,同时也要重新生成py文件,还需重写main函数。 我们可以另写一个main.py,来运行对话框。代码如下:
# -*- coding: utf-8 -*-from PyQt5
import QtWidgetsfrom Dlg
import Ui_Formimport sysif __name__ == "__main__":
app = QtWidgets.QApplication(sys.argv)
myshow = Ui_Form()
myshow.show()
sys.exit(app.exec_())
代码说明:
运行main.py,即可运行这个对话框程序。