自动将 `stackedWidget` 页面的高度调整为放置在其上的小部件的高度

Question

我想调整 stackedWidget 的高度，使其下方的 QTextEdit 小部件的高度与 stackedWidget 的活动页面上的按钮高度相匹配.虽然第 extended 页上的 4 QPushButton 占据了 stackedWidget 的整个 space，但第 normal 页上的 2 QPushButton 垂直出现在中间还有上面和下面的免费space。

但是 normal 页上的 2 QPushButton 应该在顶部并且 QTextEdit 小部件应该向上放大。如何做到这一点？

main.py

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


class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        loadUi("mainwindow.ui", self)


def main():
    app = QApplication(sys.argv)
    main_window = MainWindow()
    main_window.show()
    sys.exit(app.exec_())


if __name__ == "__main__":
    main()

mainwindow.ui

<?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>601</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <property name="locale">
   <locale language="English" country="UnitedKingdom"/>
  </property>
  <widget class="QWidget" name="centralwidget">
   <layout class="QGridLayout" name="gridLayout_2">
    <item row="0" column="0">
     <widget class="QStackedWidget" name="stackedWidget">
      <property name="sizePolicy">
       <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
        <horstretch>0</horstretch>
        <verstretch>0</verstretch>
       </sizepolicy>
      </property>
      <property name="currentIndex">
       <number>0</number>
      </property>
      <widget class="QWidget" name="normal" native="true">
       <layout class="QGridLayout" name="gridLayout">
        <item row="0" column="0">
         <widget class="QPushButton" name="normal_start_button">
          <property name="text">
           <string>Start</string>
          </property>
         </widget>
        </item>
        <item row="0" column="1">
         <widget class="QPushButton" name="normal_stop_button">
          <property name="text">
           <string>Stop</string>
          </property>
         </widget>
        </item>
       </layout>
      </widget>
      <widget class="QWidget" name="extended">
       <layout class="QGridLayout" name="gridLayout_3">
        <item row="0" column="0">
         <widget class="QPushButton" name="extended_quick_start_button">
          <property name="text">
           <string>Quick Start</string>
          </property>
         </widget>
        </item>
        <item row="0" column="1">
         <widget class="QPushButton" name="extended_stop_button">
          <property name="text">
           <string>Stop</string>
          </property>
         </widget>
        </item>
        <item row="1" column="0">
         <widget class="QPushButton" name="extended_slow_start_button">
          <property name="text">
           <string>Slow Start</string>
          </property>
         </widget>
        </item>
        <item row="1" column="1">
         <widget class="QPushButton" name="extended_pause_button">
          <property name="text">
           <string>Pause</string>
          </property>
         </widget>
        </item>
       </layout>
      </widget>
     </widget>
    </item>
    <item row="1" column="0">
     <widget class="QTextEdit" name="output"/>
    </item>
   </layout>
  </widget>
  <widget class="QMenuBar" name="menubar">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
     <width>800</width>
     <height>24</height>
    </rect>
   </property>
  </widget>
  <widget class="QStatusBar" name="statusbar"/>
 </widget>
 <resources/>
 <connections/>
</ui>

页面 normal 的屏幕截图，上面和下面只有 2 个 QPushButton 和未使用的 space：

页面 extended 的屏幕截图，包含 4 个 QPushButton 和可用 space:

的最佳使用

Answer 1

QStackedWidget 将其包含的小部件的默认最大高度作为默认高度，因此在这种情况下，一种可能的解决方案是将高度设置为参考当前小部件的默认高度。

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


class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        loadUi("mainwindow.ui", self)
        self.stackedWidget.currentChanged.connect(self.adjustHeight)
        self.adjustHeight()

    def adjustHeight(self):
        h = self.stackedWidget.currentWidget().sizeHint().height()
        self.stackedWidget.setFixedHeight(h)


def main():
    app = QApplication(sys.argv)
    main_window = MainWindow()
    main_window.show()

    def onTimeout():
        sw = main_window.stackedWidget
        sw.setCurrentIndex((sw.currentIndex() + 1) % sw.count())

    # test
    from PyQt5.QtCore import QTimer

    timer = QTimer(timeout=onTimeout)
    timer.start(1000)

    sys.exit(app.exec_())


if __name__ == "__main__":
    main()

自动将 `stackedWidget` 页面的高度调整为放置在其上的小部件的高度

Automatically adjust the height of a `stackedWidget` page to the height of the widgets placed on it

python

pyqt

qt-designer

main.py

mainwindow.ui