如何使用 .ui 文件使用 PyQt5 更改窗口/小部件？

Question

首先感谢您抽出宝贵时间，抱歉问题太长了，真正的问题只是第一部分。 我无法理解如何实现“页面”更改，例如 Web 应用程序。 我想使用代表小部件或主窗口的 .ui 文件来做到这一点。 基本上，我希望有两个类，每个类都映射有一个实现视图的 .ui 文件，并在单击按钮时在两个视图之间切换。

我想要的是这样的：

class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        # then load the home page file home.ui

class HomePage:
    def method_0(self):
        # method to load and show the home.ui file, at startup

    def method_1(self):
        # method to load and show the home.ui file, when a button in Second Page is pressed

class SecondPage
    def method_1(self):
        # method to load and show the second.ui file when a button in HomePage is pressed

if __name__ == '__main__':
    app = QApplication([])
    window = MainWindow()
    window.show()
    app.exec_()

经过大量研究，我编写了下面的代码，几乎意识到，我说几乎是因为我必须为所有人使用同一个类。相反，我想要的是为每个 .ui 文件创建一个 .py 文件以保持分离。

from PyQt5 import uic
from PyQt5.QtWidgets import QApplication, QMainWindow, QStackedWidget

class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        self.resize(800, 620)
        self.central_widget = QStackedWidget()
        self.setCentralWidget(self.central_widget)
        self.home_page()

    def home_page(self):
        widget = uic.loadUi('home.ui')
        self.central_widget.addWidget(widget)
        self.central_widget.setCurrentWidget(widget)
        widget.change_btn.clicked.connect(self.second_page)

    def second_page(self):
        widget = uic.loadUi('second.ui')
        self.central_widget.addWidget(widget)
        self.central_widget.setCurrentWidget(widget)
        widget.change_btn.clicked.connect(self.home_page)


if __name__ == '__main__':
    app = QApplication([])
    window = MainWindow()
    window.show()
    app.exec_()

这是两个 .ui 文件的代码，只需将文件名更改为 home.ui 和 second.ui，并更改 btn 文本以查看页面更改。它们是简单的小部件，每个都有一个按钮

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>800</width>
    <height>620</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Application</string>
  </property>
  <widget class="QWidget" name="centralwidget">
   <property name="title" stdset="0">
    <string>GroupBox</string>
   </property>
   <widget class="QPushButton" name="change_btn">
    <property name="geometry">
     <rect>
      <x>285</x>
      <y>170</y>
      <width>230</width>
      <height>40</height>
     </rect>
    </property>
    <property name="font">
     <font>
      <pointsize>12</pointsize>
     </font>
    </property>
    <property name="text">
     <string>Change page</string>
    </property>
   </widget>
  </widget>
  <widget class="QStatusBar" name="statusbar"/>
  <widget class="QMenuBar" name="menubar">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
     <width>800</width>
     <height>26</height>
    </rect>
   </property>
  </widget>
 </widget>
 <resources/>
 <connections/>
</ui>

Answer 1

您需要做的是创建单独的小部件（不是窗口）。虽然其他类似问题（如this）已经涵盖了这一点，但由于文件请求不同，我还是会回答。

解决方案还是一样的，使用QStackedWidget，它允许您在占据窗口相同部分的不同小部件之间切换，类似于 QTabWidget 所做的，但没有标签栏。

首先，您需要在设计器中创建一个主窗口，在其中添加一个 QStackedWidget 并确保删除其所有页面（右键单击堆叠的小部件，然后在“第 x 页，共 x 页”子菜单）。
然后为每个页面创建单独的widgets（只需在创建新表单时出现的对话框中选择“Widget”）。

最后，在主窗口和每个子窗口小部件上使用loadUi。 我建议您将页面切换的逻辑保留在主窗口的代码中，而不是将其放在不同的页面中，因为在处理这种情况时，使用“父”控制器是一种更好、更简洁的方法。

pages.py:

from PyQt5 import uic
from PyQt5.QtWidgets import QApplication, QMainWindow

from first import First
from second import Second

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        uic.loadUi('pages.ui', self)
        self.first = First()
        self.stackedWidget.addWidget(self.first)
        self.first.change_btn.clicked.connect(self.go_to_second)
        self.second = Second()
        self.stackedWidget.addWidget(self.second)
        self.second.change_btn.clicked.connect(self.go_to_first)

    def go_to_first(self):
        self.stackedWidget.setCurrentIndex(0)

    def go_to_second(self):
        self.stackedWidget.setCurrentIndex(1)


if __name__ == '__main__':
    app = QApplication([])
    window = MainWindow()
    window.show()
    app.exec_()

first.py

from PyQt5 import uic
from PyQt5.QtWidgets import QWidget

class First(QWidget):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        uic.loadUi('first.ui', self)

second.py

from PyQt5 import uic
from PyQt5.QtWidgets import QWidget

class Second(QWidget):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        uic.loadUi('second.ui', self)

也可以使用QWizard，但通常建议用于比您的情况更复杂的情况。