当前位置: 首页 > 图灵资讯 > 行业资讯> PyQt5快速构建一个简单的GUI应用(2)

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

来源:图灵python
时间: 2025-02-10 13:42:13

PyQT5快速构建简单的GUI应用(2):

1、添加控件

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

07f2c6e93c2042168433a09a60383891.jpg

2、增加控件属性

选择控制器,鼠标右键是控制器的新属性,如:控制器内容、控制器名称(相当于ID),需要在属性区域单独设置一些复杂的属性设置

编辑完 UI 界面结束后,将在本地生成一个界面 *.ui 的文件

6a9b3185f1ac44c9a7d05a0cb6912f89.jpg

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 在实际项目开发过程中,界面的逻辑很少发生变化。

5a1ea9abcd834f4fbfef2017614fc5bf.jpg

更多python高级知识,请观看python高级视频教程!!