pyside2加载ui文件的两种方式

目录

• • pyside2加载ui文件的两种方式
  • • 一、直接加载ui文件
    • • 1、首先进行ui设计
      • 2、然后自定义LoginGui类，调用QUiLoader的load方法对ui文件进行加载。
      • 3、效果显示
    • 二、先转换为py文件再对转化的py文件进行调用
    • • 1、将ui文件转换为py文件
      • 2、自定义类加载py文件
      • 3、QLayout: Attempting to add QLayout "" to LoginGui "Form", which already has a layout
    • 三、Reference

一、直接加载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