Question

我正在两个小部件上运行下一个动画：

QParallelAnimationGroup* animGroup = new QParallelAnimationGroup;

for (int i = 0; i < 2; ++i) {
    //widgets is an array of 2 QLabels
    QPropertyAnimation* anim = new QPropertyAnimation(widgets[i], "geometry");
    anim->setDuration(750);
    anim->setStartValue(widgets[i]->geometry());
    widgets[i]->setProperty("animating", true);
    qDebug() << QString("Animation Start %1: ").arg(widgets[i]->objectName()) << widgets[i]->pos() << " g " << widgets[i]->geometry();
    //
    anim->setEndValue(widgets[!i]->geometry());
    anim->setEasingCurve(QEasingCurve::OutBack);
    animGroup->addAnimation(anim);
}

animGroup->start(QAbstractAnimation::DeleteWhenStopped);

到目前为止，动画可以按预期方式移动两个小部件，但是一旦我调整窗口大小，这些小部件就会自动移回其原始位置。包含这两个小部件的当前布局是QHBoxLayout，并且具有以下项（相同的顺序）：

QLabel0 | QSpacerItem0 | QToolTipButton | QSpacerItem1 | QLabel1

动画后，它们变为：

QLabel1 | QSpacerItem0 | QToolTipButton | QSpacerItem1 | QLabel0

但是，每当我更改窗口的大小时，小部件上的位置都会重置为原始布局。我尚未从窗口中实现resizeEvent。

我将Windows 10与Visual Studio一起使用| Qt Visual Studio Tools 2.3.1和Qt 12.0，使用msvc2017_64版本和启用的c ++ 17构建。

完整的测试代码（新项目）：

SwapItemsTest.cpp

#include "SwapItemsTest.h"

#include <array>

#include <QHBoxLayout>
#include <QToolButton>
#include <QSpacerItem>
#include <QLabel>
#include <QDebug>
#include <QParallelAnimationGroup>
#include <QPropertyAnimation>
#include <QTimer>

SwapItemsTest::SwapItemsTest(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);

    auto layout = new QHBoxLayout;

    auto toolButton = new QToolButton;

    auto left = new QLabel("Left");
    left->setFixedSize(50, size().height());
    left->setFrameShape(QFrame::Box);
    left->setFrameShadow(QFrame::Plain);
    left->setLineWidth(2);

    left->setAlignment(Qt::AlignCenter);

    auto right = new QLabel("Right");

    right->setFixedSize(50, size().height());
    right->setAlignment(Qt::AlignCenter);
    right->setFrameShape(QFrame::Box);
    right->setFrameShadow(QFrame::Plain);
    right->setLineWidth(2);

    layout->addWidget(left);

    layout->addSpacerItem(new QSpacerItem(40, 40));

    layout->addWidget(toolButton);

    layout->addSpacerItem(new QSpacerItem(40, 40));

    layout->addWidget(right);

    ui.centralWidget->setLayout(layout);

    auto widgets = std::array{left, right};

    connect(toolButton, &QToolButton::clicked, [widgets]() {
        QParallelAnimationGroup* animGroup = new QParallelAnimationGroup;

        for (int i = 0; i < 2; ++i) {
            //widgets is an array of 2 QLabels
            QPropertyAnimation* anim = new QPropertyAnimation(widgets[i], "geometry");
            anim->setDuration(750);
            anim->setStartValue(widgets[i]->geometry());
            widgets[i]->setProperty("animating", true);
            anim->setEndValue(widgets[!i]->geometry());
            anim->setEasingCurve(QEasingCurve::OutBack);
            animGroup->addAnimation(anim);
        }

        animGroup->start(QAbstractAnimation::DeleteWhenStopped); 
    });


}

SwapItemsTest.h

#pragma once

#include <QtWidgets/QMainWindow>
#include "ui_SwapItemsTest.h"

class SwapItemsTest : public QMainWindow
{
    Q_OBJECT

public:
    SwapItemsTest(QWidget *parent = Q_NULLPTR);

private:
    Ui::SwapItemsTestClass ui;
};

Answer 1

问题是您将小部件放置在布局中，然后尝试自己管理它们的几何形状。一种解决方法是在动画组完成后通过交换两个小部件来更新布局。然后您的代码将变成...

SwapItemsTest::SwapItemsTest(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);

    auto layout = new QHBoxLayout;

    auto toolButton = new QToolButton;

    auto left = new QLabel("Left");
    left->setFixedSize(50, size().height());
    left->setFrameShape(QFrame::Box);
    left->setFrameShadow(QFrame::Plain);
    left->setLineWidth(2);

    left->setAlignment(Qt::AlignCenter);

    auto right = new QLabel("Right");

    right->setFixedSize(50, size().height());
    right->setAlignment(Qt::AlignCenter);
    right->setFrameShape(QFrame::Box);
    right->setFrameShadow(QFrame::Plain);
    right->setLineWidth(2);

    layout->addWidget(left);

    layout->addSpacerItem(new QSpacerItem(40, 40));

    layout->addWidget(toolButton);

    layout->addSpacerItem(new QSpacerItem(40, 40));

    layout->addWidget(right);

    ui.centralWidget->setLayout(layout);

    auto widgets = std::array{left, right};

    connect(toolButton, &QToolButton::clicked,

            /*
             * Note that layout has been added to the capture list for this lambda.
             */
            [layout, widgets]()
            {
                QParallelAnimationGroup* animGroup = new QParallelAnimationGroup;

                for (int i = 0; i < 2; ++i) {
                    //widgets is an array of 2 QLabels
                    QPropertyAnimation* anim = new QPropertyAnimation(widgets[i], "geometry");
                    anim->setDuration(750);
                    anim->setStartValue(widgets[i]->geometry());
                    widgets[i]->setProperty("animating", true);
                    anim->setEndValue(widgets[!i]->geometry());
                    anim->setEasingCurve(QEasingCurve::OutBack);
                    animGroup->addAnimation(anim);
                }

                /*
                 * This is the lambda that will be invoked when the
                 * QPropertyAnimation::finished signal is emitted.  It simply
                 * swaps the positions of the two widgets in the layout.
                 */
                connect(animGroup, &QPropertyAnimation::finished,
                        [layout, widgets]()
                        {
                            auto index0 = layout->indexOf(widgets[0]);
                            auto index1 = layout->indexOf(widgets[1]);
                            if (index0 < index1) {
                                layout->takeAt(index1);
                                layout->takeAt(index0);
                                layout->insertWidget(index0, widgets[1]);
                                layout->insertWidget(index1, widgets[0]);
                            } else {
                                layout->takeAt(index0);
                                layout->takeAt(index1);
                                layout->insertWidget(index1, widgets[0]);
                                layout->insertWidget(index0, widgets[1]);
                            }
                        });

                animGroup->start(QAbstractAnimation::DeleteWhenStopped);
            });
}

请注意，如果在动画过程中调整了父窗口小部件的大小，您仍可能会看到一些奇怪的行为。

运行QPropertyAnimation后QWiget的怪异行为

1 个答案: