PyQt5快速构建一个简单的GUI应用(2)

PyQt5快速构建一个简单的GUI应用(2)：

1、添加控件

我们从控件区拖 3 个按钮和 2 个输入框到界面设计区域

2、增加控件属性

选中控件，鼠标右键为控件新增属性，比如：控件内容、控件名称（相当于id），对于一些复杂的属性设置，需要在属性区域单独进行设置

编辑完 UI 界面之后，会在本地生成一个 *.ui 的文件

3、将ui文件转换成py文件

选择 *.ui 文件，在 Pycharm 中使用 PyUIC 命令，将 ui 文件转换为 py 文件

#ui文件转为py文件
fromPyQt5importQtCore,QtGui,QtWidgets
classUi_MainWindow(object):
defsetupUi(self,MainWindow):
MainWindow.setObjectName("MainWindow")
MainWindow.resize(800,790)
self.centralwidget=QtWidgets.QWidget(MainWindow)
self.centralwidget.setObjectName("centralwidget")
self.pushButton=QtWidgets.QPushButton(self.centralwidget)
self.pushButton.setGeometry(QtCore.QRect(130,80,111,41))
self.pushButton.setObjectName("pushButton")
self.username=QtWidgets.QLineEdit(self.centralwidget)
self.username.setGeometry(QtCore.QRect(260,80,271,41))
self.username.setObjectName("username")
self.pushButton_2=QtWidgets.QPushButton(self.centralwidget)
self.pushButton_2.setGeometry(QtCore.QRect(130,150,111,41))
self.pushButton_2.setObjectName("pushButton_2")
self.password=QtWidgets.QLineEdit(self.centralwidget)
self.password.setGeometry(QtCore.QRect(260,150,271,41))
self.password.setObjectName("password")
self.login=QtWidgets.QPushButton(self.centralwidget)
self.login.setGeometry(QtCore.QRect(260,230,141,61))
self.login.setObjectName("login")
MainWindow.setCentralWidget(self.centralwidget)
self.statusbar=QtWidgets.QStatusBar(MainWindow)
self.statusbar.setObjectName("statusbar")
MainWindow.setStatusBar(self.statusbar)
self.retranslateUi(MainWindow)
QtCore.QMetaObject.connectSlotsByName(MainWindow)
defretranslateUi(self,MainWindow):
_translate=QtCore.QCoreApplication.translate
MainWindow.setWindowTitle(_translate("MainWindow","MainWindow"))
self.pushButton.setText(_translate("MainWindow","用户名："))
self.pushButton_2.setText(_translate("MainWindow","密码："))
self.login.setText(_translate("MainWindow","登录"))

4、为按钮添加点击事件

使用 控件名.信号.connect(槽函数) 的形式，为控件添加一个点击事件的监听

classUi_MainWindow(object):
defsetupUi(self,MainWindow):
#为登录按钮指定事件
#clicked：信号，login_met:槽函数
self.login.clicked.connect(self.login_met)
self.retranslateUi(MainWindow)
QtCore.QMetaObject.connectSlotsByName(MainWindow)
deflogin_met(self):
"""
登录事件（槽函数）
:return:
"""
#用户名输入框的内容
username=self.login.text()
#密码输入框的内容
password=self.password.text()
print("输入的用户名是:",username,"密码是:",password)

5、展示界面

最后，新建一个 py 文件，实例化一个 QApplication 对象，将上面创建的 MainWindow 展示出来即可。

importsys
fromPyQt5.QtWidgetsimportQApplication,QMainWindow
#界面文件
fromtempimport*
classCustomUI(QMainWindow,Ui_MainWindow):
def__init__(self,parent=None):
super(CustomUI,self).__init__(parent)
self.setupUi(self)
if__name__=='__main__':
app=QApplication(sys.argv)
cutomUI=CustomUI()
cutomUI.show()
sys.exit(app.exec_())

需要注意的是，这部分内容仅仅是调用显示 GUI 界面的逻辑，实际项目开发过程中很少变动。