Макет Qt не отражает изменение размера группового поля

Я пытаюсь создать пользовательский интерфейс с анимированным складным groupBox, используя PyQt5 и QT Creator.

Если флажок groupBox не установлен, его высота уменьшается до небольшого значения, если установлен флажок groupBox, его высота увеличивается до sizeHint().height().

Проблема в том, что в макете присутствует другой groupBox. Позиция othergroupBox не отражает изменения размера свернутого groupBox.

Есть ли способ заставить дно groupBox двигаться при схлопывании groupBox?

Вот как это выглядит:

введите здесь описание изображения

Дополнительная информация

Макет пользовательского интерфейса: введите здесь описание изображения

groupBox реализация изменения размера:

my_ui._ui.groupBox.toggled.connect(my_ui.group_box_size_change)

def group_box_size_change(self):
    duration = 1000
    self.animaiton_gb = QtCore.QPropertyAnimation(self._ui.groupBox, b"size")
    self.animaiton_gb.setDuration(duration)

    self.animaiton_gb.setStartValue(QtCore.QSize(self._ui.groupBox.width(),  self._ui.groupBox.height()))

    if self._ui.groupBox.isChecked():
        self.animaiton_gb.setEndValue(QtCore.QSize(self._ui.groupBox.width(), self._ui.groupBox.sizeHint().height()))
    else:
        self.animaiton_gb.setEndValue(QtCore.QSize(self._ui.groupBox.width(), 49))

    self.animaiton_gb.start()

python pyqt5 pyqt qvboxlayout
person user1281071    schedule 19.02.2019    source источник
comment
Пожалуйста, опубликуйте минимальный пример, чтобы продемонстрировать проблему.   -  person S. Nick    schedule 19.02.2019
comment
Я заменил последнее изображение на gif, чтобы показать, что, когда верхний groupBox свернут, нижний groupBox остается на том же месте. Я хотел бы, чтобы нижний groupBox двигался вверх к сворачивающемуся верхнему groupBox, чтобы между ними было минимальное пространство.   -  person user1281071    schedule 19.02.2019
comment
Опубликуйте минимальный пример, чтобы продемонстрировать проблему минимальный воспроизводимый пример   -  person S. Nick    schedule 19.02.2019
comment
Я изменил текст, так что вопрос начинается с мотивации, за которой следует текущая реализация, постановка проблемы и сам вопрос. Ниже представлено визуальное представление проблемы для облегчения понимания. Недавно созданный раздел «Дополнительная информация» предназначен для тех, кто готов ответить на мой вопрос и нуждается в дополнительной информации. Я надеюсь, что этот формат более удобочитаем.   -  person user1281071    schedule 19.02.2019
comment
Попробуйте поместить объекты GroupBox внутрь QVBoxLayout. Это должно автоматически обрабатывать интервалы и позиционировать их. Возможно, вам нужно будет выбрать события изменения размера или что-то в этом роде, но я думаю, что это должно просто работать. Документ по управлению макетом довольно хорош.   -  person Simon Hibbs    schedule 19.02.2019

Ответы (1)


arrow_upward
1
arrow_downward

Учитывая мой старый ответ на вопрос, где требуется аналогичный виджет, следующее решение. В этом случае стратегия состоит в том, чтобы использовать QScrollArea в качестве контейнера и использовать свойства MinimumHeight и MaximumHeight.

from PyQt5 import QtCore, QtGui, QtWidgets


class CollapsibleBox(QtWidgets.QGroupBox):
    def __init__(self, title="", parent=None):
        super(CollapsibleBox, self).__init__(title, parent)
        self.setCheckable(True)
        self.setChecked(False)
        self.toggled.connect(self.on_pressed)
        self.toggle_animation = QtCore.QParallelAnimationGroup(self)

        self.content_area = QtWidgets.QScrollArea(maximumHeight=0, minimumHeight=0)
        self.content_area.setSizePolicy(QtWidgets.QSizePolicy.Expanding, QtWidgets.QSizePolicy.Fixed)
        self.content_area.setFrameShape(QtWidgets.QFrame.NoFrame)

        lay = QtWidgets.QVBoxLayout(self)
        lay.setSpacing(0)
        lay.setContentsMargins(0, 0, 0, 0)
        lay.addWidget(self.content_area)

        self.toggle_animation.addAnimation(QtCore.QPropertyAnimation(self, b"minimumHeight"))
        self.toggle_animation.addAnimation(QtCore.QPropertyAnimation(self, b"maximumHeight"))
        self.toggle_animation.addAnimation(QtCore.QPropertyAnimation(self.content_area, b"maximumHeight"))

    @QtCore.pyqtSlot(bool)
    def on_pressed(self, checked):
        self.toggle_animation.setDirection(QtCore.QAbstractAnimation.Forward if checked else QtCore.QAbstractAnimation.Backward)
        self.toggle_animation.start()

    def setContentLayout(self, layout):
        lay = self.content_area.layout()
        del lay
        self.content_area.setLayout(layout)
        collapsed_height = self.sizeHint().height() - self.content_area.maximumHeight()
        content_height = layout.sizeHint().height()
        for i in range(self.toggle_animation.animationCount()):
            animation = self.toggle_animation.animationAt(i)
            animation.setDuration(500)
            animation.setStartValue(collapsed_height)
            animation.setEndValue(collapsed_height + content_height)

        content_animation = self.toggle_animation.animationAt(self.toggle_animation.animationCount() - 1)
        content_animation.setDuration(500)
        content_animation.setStartValue(0)
        content_animation.setEndValue(content_height)

if __name__ == '__main__':
    import sys
    import random

    app = QtWidgets.QApplication(sys.argv)
    w = QtWidgets.QMainWindow()
    scroll = QtWidgets.QScrollArea()
    content = QtWidgets.QWidget()
    scroll.setWidget(content)
    scroll.setWidgetResizable(True)
    vlay = QtWidgets.QVBoxLayout(content)
    counter = 0
    for i in range(10):
        box = CollapsibleBox("Collapsible Box Header-{}".format(i))
        vlay.addWidget(box)
        lay = QtWidgets.QVBoxLayout()
        for j in range(8):
            btn = QtWidgets.QPushButton("PushButton-{}".format(counter))       
            lay.addWidget(btn)
            counter += 1
        box.setContentLayout(lay)
    vlay.addStretch()
    w.setCentralWidget(scroll)
    w.resize(240, 480)
    w.show()

    sys.exit(app.exec_())
person eyllanesc    schedule 19.02.2019