c++ - 如何使用 QTimeLine 为两个值设置动画

Question

我有一个QGraphicsItem，我想为它制作尺寸变化的动画。因此，我需要随时间改变对象的 height 和 width。我过去曾将 QTimeLine 用于单变量动画，如果可能的话，我想在这里将其用于双变量动画。但是，我没有看到适用于两个变量的 QTimeLine::setFrameRange()。

我怎样才能做到这一点？有更好的 Qt 类吗？

Answer 1

由于动画必须附加到对象上，您的图形项将是一个 QGraphicsObject，因此您可以将相关属性公开给 Qt 属性系统。

由于您要为相当于 QSizeF 的内容设置动画，因此最简单的方法是将其作为单个属性公开并使用 QPropertyAnimation。

一般来说，如果您必须同时为多个属性设置动画，请将它们设置为单独的 QPropertyAnimation。然后使用 QParallelAnimationGroup 并行运行它们。

当然可以使用QTimeLine，但是您必须手动在端点之间进行插值，例如，基于帧号。何必呢。

下面是一个完整的示例，展示了如何同时为三个属性设置动画:pos、size 和 rotation。

main.cpp

#include <QGraphicsScene>
#include <QGraphicsView>
#include <QPropertyAnimation>
#include <QParallelAnimationGroup>
#include <QSequentialAnimationGroup>
#include <QGraphicsObject>
#include <QPainter>
#include <QApplication>

class Item : public QGraphicsObject {
    Q_OBJECT
    qreal m_pen;
    QSizeF m_size;
    Q_PROPERTY(QSizeF size READ size WRITE setSize NOTIFY newSize)
    Q_SIGNAL void newSize();
    qreal width() const { return m_size.width() + m_pen; }
    qreal height() const { return m_size.height() + m_pen; }
public:
    explicit Item(QGraphicsItem *parent = 0) :
        QGraphicsObject(parent), m_pen(5.0), m_size(50.0, 50.0) {}
    QSizeF size() const { return m_size; }
    void setSize(const QSizeF & size) {
        if (m_size != size) {
            m_size = size;
            update();
            emit newSize();
        }
    }
    QRectF boundingRect() const {
        return QRectF(-width()/2, -height()/2, width(), height());
    }
    void paint(QPainter *p, const QStyleOptionGraphicsItem *, QWidget *) {
        p->setPen(QPen(Qt::black, m_pen));
        p->drawEllipse(QPointF(0,0), width()/2, height()/2);
        p->setPen(QPen(Qt::red, m_pen));
        p->drawLine(0, 0, 0, height()/2);
    }
};

void animate(QObject * obj)
{
    QParallelAnimationGroup * group = new QParallelAnimationGroup(obj);
    QPropertyAnimation * pos = new QPropertyAnimation(obj, "pos", obj);
    QPropertyAnimation * size = new QPropertyAnimation(obj, "size", obj);
    QPropertyAnimation * rot= new QPropertyAnimation(obj, "rotation", obj);
    pos->setDuration(3000);
    pos->setLoopCount(-1);
    pos->setEasingCurve(QEasingCurve::InOutCubic);
    pos->setStartValue(QPointF(-50, -50));
    pos->setEndValue(QPointF(50, 50));
    size->setDuration(1500);
    size->setLoopCount(-1);
    size->setEasingCurve(QEasingCurve::InOutElastic);
    size->setStartValue(QSizeF(100, 100));
    size->setEndValue(QSizeF(100, 30));
    rot->setDuration(1000);
    rot->setLoopCount(-1);
    rot->setStartValue(0.0);
    rot->setEndValue(360.0);
    group->addAnimation(pos);
    group->addAnimation(size);
    group->addAnimation(rot);
    group->start();
}

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QGraphicsScene s;
    QGraphicsView v(&s);
    Item * item = new Item;
    s.addItem(item);
    v.setRenderHint(QPainter::Antialiasing);
    v.setSceneRect(-125, -125, 300, 300);
    v.show();
    animate(item);
    return a.exec();
}

#include "main.moc"