pyside2加载ui文件的两种方式
目录
一、直接加载ui文件
首先我们使用Ui Designer设计完成Ui界面,并且保存为ui文件,接下来我们可以使用QUiLoader这个类的load方法来对ui文件进行加载。
1、首先进行ui设计
我在这里只设计了一个pushbutton,然后保存ui文件。我的路径目录如下
2、然后自定义LoginGui类,调用QUiLoader的load方法对ui文件进行加载。
from PySide2.QtWidgets import QApplication
from PySide2.QtUiTools import QUiLoader
class LoginGui(object):
def __init__(self):
# 对ui文件进行加载
self.ui = QUiLoader().load('./demo/demo.ui')
if __name__ == '__main__':
app = QApplication([])
gui = LoginGui()
gui.ui.show()
app.exec_()
3、效果显示
显示效果和我们设计的ui界面一致,加载成功。
二、先转换为py文件再对转化的py文件进行调用
1、将ui文件转换为py文件
我们需要使用pyside自带的uic文件转化功能
进入ui文件存放的路径中使用cmd命令行窗口,输入
pyside2-uic 源文件 > 目标文件
比如这里
pyside2-uic dmeo/demo.ui > demo/Ui_Loader.py
转换完成之后,这里就会多一个Ui_Loader.py文件
文件内容如下:
# -*- coding: utf-8 -*-
################################################################################
## Form generated from reading UI file 'demo.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(800, 600)
self.centralwidget = QWidget(MainWindow)
self.centralwidget.setObjectName(u"centralwidget")
self.pushButton = QPushButton(self.centralwidget)
self.pushButton.setObjectName(u"pushButton")
self.pushButton.setGeometry(QRect(280, 210, 75, 23))
MainWindow.setCentralWidget(self.centralwidget)
self.menubar = QMenuBar(MainWindow)
self.menubar.setObjectName(u"menubar")
self.menubar.setGeometry(QRect(0, 0, 800, 22))
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.pushButton.setText(QCoreApplication.translate("MainWindow", u"\u52a0\u8f7d", None))
# retranslateUi
这里要注意我们一开始所选择的文件的结构,我们一开始选择的是MainWindow,所以这里自动生成的类的名字是Ui_MainWindow,注意这一点非常重要。
生成的类,和我们一开始选择的templates是相关的,这与后面类的继承密切相关。
2、自定义类加载py文件
使用mainwindow的模板就需要继承QMainWindow这一个类
from PySide2.QtWidgets import QApplication, QMainWindow
from PySide2.QtUiTools import QUiLoader
from Ui_Loader import Ui_MainWindow
# class LoginGui(object):
# def __init__(self):
# self.ui = QUiLoader().load('./demo/demo.ui')
class LoginGui(QMainWindow, Ui_MainWindow):
def __init__(self):
super(LoginGui, self).__init__() # 调用父类的初始化方法
self.setupUi(self) # 调用Ui_MainWindow的setupUi方法布置界面
if __name__ == '__main__':
app = QApplication([])
gui = LoginGui()
gui.show()
app.exec_()
和我们直接加载ui文件的效果是一致的
3、QLayout: Attempting to add QLayout “” to LoginGui “Form”, which already has a layout
第一个坑:
我们一开始创建ui文件的时候选择的是mainwindow这一个template,如果我们再继承类的时候,没有继承QMainWindow,而是继承了QWidget效果会怎么样呢?
因为QMainWindow是QWidget的子类
结果往往是缺少相应的属性运行报错。
第二个坑:
如果我们使用widget的template而继承mainwindow的类会发生什么呢?
创建ui文件时选择Widget模板
创建的布局如下
进行转化后的py文件
# -*- coding: utf-8 -*-
################################################################################
## Form generated from reading UI file 'demo_widget.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_Form(object):
def setupUi(self, Form):
if not Form.objectName():
Form.setObjectName(u"Form")
Form.resize(400, 300)
self.horizontalLayout_3 = QHBoxLayout(Form)
self.horizontalLayout_3.setObjectName(u"horizontalLayout_3")
self.horizontalLayout_2 = QHBoxLayout()
self.horizontalLayout_2.setObjectName(u"horizontalLayout_2")
self.verticalLayout = QVBoxLayout()
self.verticalLayout.setObjectName(u"verticalLayout")
self.pushButton = QPushButton(Form)
self.pushButton.setObjectName(u"pushButton")
self.verticalLayout.addWidget(self.pushButton)
self.horizontalLayout = QHBoxLayout()
self.horizontalLayout.setObjectName(u"horizontalLayout")
self.pushButton_2 = QPushButton(Form)
self.pushButton_2.setObjectName(u"pushButton_2")
self.horizontalLayout.addWidget(self.pushButton_2)
self.radioButton = QRadioButton(Form)
self.radioButton.setObjectName(u"radioButton")
self.horizontalLayout.addWidget(self.radioButton)
self.verticalLayout.addLayout(self.horizontalLayout)
self.horizontalLayout_2.addLayout(self.verticalLayout)
self.label = QLabel(Form)
self.label.setObjectName(u"label")
self.horizontalLayout_2.addWidget(self.label)
self.horizontalLayout_3.addLayout(self.horizontalLayout_2)
self.retranslateUi(Form)
QMetaObject.connectSlotsByName(Form)
# setupUi
def retranslateUi(self, Form):
Form.setWindowTitle(QCoreApplication.translate("Form", u"Form", None))
self.pushButton.setText(QCoreApplication.translate("Form", u"PushButton", None))
self.pushButton_2.setText(QCoreApplication.translate("Form", u"PushButton", None))
self.radioButton.setText(QCoreApplication.translate("Form", u"RadioButton", None))
self.label.setText(QCoreApplication.translate("Form", u"TextLabel", None))
# retranslateUi
要注意这里的类名为Ui_Form不是Ui_MainWindow,这说明我们使用的template是Widget
我们再加载py文件进行显示,这个时候我们继承QMainWindow类,不继承QWidget类
from PySide2.QtWidgets import QApplication, QMainWindow, QWidget
from PySide2.QtUiTools import QUiLoader
from Ui_Loader_Widget import Ui_Form
class LoginGui(QMainWindow, Ui_Form):
def __init__(self):
super(LoginGui, self).__init__() # 调用父类的初始化方法
self.setupUi(self) # 调用Ui_MainWindow的setupUi方法布置界面
if __name__ == '__main__':
app = QApplication([])
gui = LoginGui()
gui.show()
app.exec_()
显示效果如下,出现了重叠并且报错,
QLayout: Attempting to add QLayout "" to LoginGui "Form", which already has a layout
这是因为我们使用的QWidget模板却继承了QWidget的子类QMainWindow,导致的报错,如果我们继承QWidget类的话,同样正常运行。
from PySide2.QtWidgets import QApplication, QMainWindow, QWidget
from PySide2.QtUiTools import QUiLoader
from Ui_Loader_Widget import Ui_Form
class LoginGui(QWidget, Ui_Form):
def __init__(self):
super(LoginGui, self).__init__() # 调用父类的初始化方法
self.setupUi(self) # 调用Ui_MainWindow的setupUi方法布置界面
if __name__ == '__main__':
app = QApplication([])
gui = LoginGui()
gui.show()
app.exec_()
三、Reference
https://doc.qt.io/archives/qtforpython-5.12/PySide2/QtWidgets/QMainWindow.html
https://blog.csdn.net/Robin_Pi/article/details/120868345