python之PySide2按钮、单行文本框、文本标签

异想实验室 2022-05-14 14:38:59 阅读数:306

Python按钮pyside2pyside单行

界面效果

designer绘制界面

如果您还没有安装相应的库文件,请参考这里的教程:pyhton之GUI安装PySide2、pyqt5-tools_异想实验室的博客-CSDN博客安装PyQt5(同时安装 PyQt5 和 一些重要的工具,比如 Qt designer)https://blog.csdn.net/weixin_43775400/article/details/124763299?spm=1001.2014.3001.5501

首先使用:Qt designer绘一个界面,

 包含文本标签(label),单行文本框(lineEdit),按钮(pushButton

此处用的是PySide2库,所以安装之后的 designer启动路径为:

安装目录下 Scripts\pyside2-designer.exe

界面绘制完成之后,保存ui文件;

ui文件转换py代码

使用命令,将ui文件,转换成py代码

pyside2-uic main.ui > ui_main.py

注:如果你是虚拟环境中,将ui文件放在你的虚拟环境的工程目录里面,然后cd到工程目录,输入转换命令即可;

代码调用预览界面

打开ui_main.py文件,我们将看到如下类似代码

此时运行是无法预览界面效果的,后面会讲到如何调用

from PySide2.QtCore import *
from PySide2.QtGui import *
from PySide2.QtWidgets import *
class Ui_MainWindow(object):
def setupUi(self, MainWindow):
if not MainWindow.objectName():
MainWindow.setObjectName(u"MainWindow")
MainWindow.resize(508, 295)
self.centralwidget = QWidget(MainWindow)
self.centralwidget.setObjectName(u"centralwidget")
self.open_button = QPushButton(self.centralwidget)
self.open_button.setObjectName(u"open_button")
self.open_button.setGeometry(QRect(420, 30, 51, 21))
self.label = QLabel(self.centralwidget)
self.label.setObjectName(u"label")
self.label.setGeometry(QRect(50, 30, 31, 16))
self.lineEdit = QLineEdit(self.centralwidget)
self.lineEdit.setObjectName(u"lineEdit")
self.lineEdit.setGeometry(QRect(80, 30, 331, 20))
MainWindow.setCentralWidget(self.centralwidget)
self.menubar = QMenuBar(MainWindow)
self.menubar.setObjectName(u"menubar")
self.menubar.setGeometry(QRect(0, 0, 508, 23))
MainWindow.setMenuBar(self.menubar)
self.statusbar = QStatusBar(MainWindow)
self.statusbar.setObjectName(u"statusbar")
MainWindow.setStatusBar(self.statusbar)
self.retranslateUi(MainWindow)
QMetaObject.connectSlotsByName(MainWindow)
# setupUi
def retranslateUi(self, MainWindow):
MainWindow.setWindowTitle(QCoreApplication.translate("MainWindow", u"MainWindow", None))
self.open_button.setText(QCoreApplication.translate("MainWindow", u"\u6253\u5f00", None))
self.label.setText(QCoreApplication.translate("MainWindow", u"URL:", None))
self.lineEdit.setInputMask("")
# retranslateUi

此时我们需要编写下面的代码,进行界面调用预览

if __name__ == "__main__":
import sys
app = QApplication(sys.argv)
MainWindow = QMainWindow()
ui = Ui_MainWindow()
ui.setupUi(MainWindow)
MainWindow.show()
sys.exit(app.exec_())

完整代码:

# -*- coding: utf-8 -*-
################################################################################
## Form generated from reading UI file 'main.ui'
##
## Created by: Qt User Interface Compiler version 5.15.2
##
## WARNING! All changes made in this file will be lost when recompiling UI file!
################################################################################
from PySide2.QtCore import *
from PySide2.QtGui import *
from PySide2.QtWidgets import *
class Ui_MainWindow(object):
def setupUi(self, MainWindow):
if not MainWindow.objectName():
MainWindow.setObjectName(u"MainWindow")
MainWindow.resize(508, 295)
self.centralwidget = QWidget(MainWindow)
self.centralwidget.setObjectName(u"centralwidget")
self.open_button = QPushButton(self.centralwidget)
self.open_button.setObjectName(u"open_button")
self.open_button.setGeometry(QRect(420, 30, 51, 21))
self.label = QLabel(self.centralwidget)
self.label.setObjectName(u"label")
self.label.setGeometry(QRect(50, 30, 31, 16))
self.lineEdit = QLineEdit(self.centralwidget)
self.lineEdit.setObjectName(u"lineEdit")
self.lineEdit.setGeometry(QRect(80, 30, 331, 20))
MainWindow.setCentralWidget(self.centralwidget)
self.menubar = QMenuBar(MainWindow)
self.menubar.setObjectName(u"menubar")
self.menubar.setGeometry(QRect(0, 0, 508, 23))
MainWindow.setMenuBar(self.menubar)
self.statusbar = QStatusBar(MainWindow)
self.statusbar.setObjectName(u"statusbar")
MainWindow.setStatusBar(self.statusbar)
self.retranslateUi(MainWindow)
QMetaObject.connectSlotsByName(MainWindow)
# setupUi
def retranslateUi(self, MainWindow):
MainWindow.setWindowTitle(QCoreApplication.translate("MainWindow", u"MainWindow", None))
self.open_button.setText(QCoreApplication.translate("MainWindow", u"\u6253\u5f00", None))
self.label.setText(QCoreApplication.translate("MainWindow", u"URL:", None))
self.lineEdit.setInputMask("")
# retranslateUi
if __name__ == "__main__":
import sys
app = QApplication(sys.argv)
MainWindow = QMainWindow()
ui = Ui_MainWindow()
ui.setupUi(MainWindow)
MainWindow.show()
sys.exit(app.exec_())

界面预览

鼠标编辑器右击预览界面

 

代码执行预览界面效果:

因为没有编辑相应的按钮功能函数,所以此时只是一个界面效果,无实际交互功能;

关于按钮如何调用函数功能,以后会在这里更新相应的教程文章:

PyGui、python语言gui界面设置开发,PySide2、qt designer、PyQt5

版权声明:本文为[异想实验室]所创,转载请带上原文链接,感谢。 https://blog.csdn.net/weixin_43775400/article/details/124763307