在代码中运行使用设计器制作的 QTabWidget

Posted 2023-03-30

【中文标题】在代码中运行使用设计器制作的 QTabWidget

【英文标题】：Run QTabWidget made with designer in code

【发布时间】：2019-04-09 22:15:15

【问题描述】：

我创建了带有标签的 GUI，每个标签的不同视图（如 Chrome）是我的应用程序需要的。现在我在使用我的 Python 代码运行它时遇到了问题。在我使用 MainWindow 之前它工作正常，但在使用新的 .ui 数据之后它不再工作了。

我尝试了与 MainWindow 相同的方法，但似乎没有 Ui_tabWidget。我可能弄错了 ui 的设置是如何工作的，所以我尝试了一些适用于 MainWindow 的方法。

对于主窗口：

class MyForm(QMainWindow):
    def __init__(self):
        super().__init__()
        self.ui = Ui_MainWindow()
        self.ui.setupUi(self)
        self.show()

if __name__ == "__main__":
    app = QApplication(sys.argv)
    w = MyForm()
    w.show()
    sys.exit(app.exec_())

对于 TabWidget：

class MyForm(QTabWidget):
    def __init__(self):
        super().__init__()
        self.ui = Ui_MainWindow() #or Ui_TabWidget which doesnt exist
        self.ui.setupUi(self)
        self.show()
if __name__ == "__main__":
    app = QApplication(sys.argv)
    w = MyForm()
    w.show()
    sys.exit(app.exec_())

【参考方案1】：

您必须使用基于 QTabWidget 的设计，当您使用 Qt Designer 时，您必须在 Widgets 部分中选择它：

生成的.ui如下：

tabwidget.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>TabWidget</class>
 <widget class="QTabWidget" name="TabWidget">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>400</width>
    <height>300</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>TabWidget</string>
  </property>
 </widget>
 <resources/>
 <connections/>
</ui>

然后你必须将 .ui 转换为 .py：

pyuic5 tabwidget.ui -o tabwidget_ui.py -x

生成以下tabwidget_ui.py：

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'tabwidget.ui'
#
# Created by: PyQt5 UI code generator 5.12.1
#
# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_TabWidget(object):
    def setupUi(self, TabWidget):
        TabWidget.setObjectName("TabWidget")
        TabWidget.resize(400, 300)

        self.retranslateUi(TabWidget)
        QtCore.QMetaObject.connectSlotsByName(TabWidget)

    def retranslateUi(self, TabWidget):
        _translate = QtCore.QCoreApplication.translate
        TabWidget.setWindowTitle(_translate("TabWidget", "TabWidget"))




if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    TabWidget = QtWidgets.QTabWidget()
    ui = Ui_TabWidget()
    ui.setupUi(TabWidget)
    TabWidget.show()
    sys.exit(app.exec_())

然后你将它导入到 main.py 中：

ma​​in.py

from PyQt5 import QtWidgets

from tabwidget_ui import Ui_TabWidget


class TabWidget(QtWidgets.QTabWidget):
    def __init__(self):
        super().__init__()
        self.ui = Ui_TabWidget()
        self.ui.setupUi(self)


if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    w = TabWidget()
    w.show()
    sys.exit(app.exec_())

最后文件夹将包含以下文件：

├── main.py
├── tabwidget.ui
└── tabwidget_ui.py

【讨论】：

非常感谢您提供如此详细的回答，你太棒了！