Qt之QSequentialAnimationGroup

简述

QSequentialAnimationGroup类提供动画的串行组。

QSequentialAnimationGroup是一个串行运行动画的QAnimationGroup，在另一个动画播放结束之后，开启一个新的动画，根据添加到动画组的顺序（使用addAnimation() 或 insertAnimation()）来播放动画，当最后一个动画完成以后，动画组随之完成。

在动画组中每一个时刻最多只有一个动画处于激活状态，可以通过currentAnimation()获得，空组则没有当前动画。

简述

详细描述

公共函数

信号

示例
效果

源码

更多参考

详细描述

一个串行动画组可以被当做任何其它动画，即：它可以被开始、停止、添加到其它动画组中，也可以通过addPause() 或 insertPause()为动画组添加一个暂停。

QSequentialAnimationGroup *group = new QSequentialAnimationGroup;

group->addAnimation(anim1);
group->addAnimation(anim2);

group->start();

这个例子中，anim1、anim2是QPropertyAnimation。

公共函数

QPauseAnimation * addPause(int msecs)

为动画组添加一个msecs毫秒级的暂停。暂停被认为是一种特殊类型的动画，因此animationCount将增加一个。

QAbstractAnimation * currentAnimation() const

返回大年时刻的动画

QPauseAnimation * insertPause(int index, int msecs)

为动画组添加一个msecs毫秒级的暂停，index为动画索引。

信号

void currentAnimationChanged(QAbstractAnimation * current)

当前动画发生变化时，发射此信号。

示例

下面，我们通过QSequentialAnimationGroup来构建一个串行动画组，并添加属性动画QPropertyAnimation，这里也可以使用addAnimation()添加其它动画/动画组，就不予演示了。

效果

源码

MainWindow::MainWindow(QWidget *parent)
: CustomWindow(parent)
{
...

QPushButton *pStartButton = new QPushButton(this);
pStartButton->setText(QString::fromLocal8Bit("开始动画"));

QList<QLabel *> list;
QStringList strList;
strList << QString::fromLocal8Bit("一去丶二三里") << QString::fromLocal8Bit("青春不老，奋斗不止");

for (int i = 0; i < strList.count(); ++i)
{
QLabel *pLabel = new QLabel(this);
pLabel->setText(strList.at(i));
pLabel->setAlignment(Qt::AlignCenter);
list.append(pLabel);
}

// 动画一
QPropertyAnimation *pAnimation1 = new QPropertyAnimation(list.at(0), "geometry");
pAnimation1->setDuration(1000);
pAnimation1->setStartValue(QRect(0, 0, 100, 30));
pAnimation1->setEndValue(QRect(120, 130, 100, 30));
pAnimation1->setEasingCurve(QEasingCurve::OutBounce);

// 动画二
QPropertyAnimation *pAnimation2 = new QPropertyAnimation(list.at(1), "geometry");
pAnimation2->setDuration(1000);
pAnimation2->setStartValue(QRect(120, 130, 120, 30));
pAnimation2->setEndValue(QRect(170, 0, 120, 30));
pAnimation2->setEasingCurve(QEasingCurve::OutInCirc);

m_pGroup = new QSequentialAnimationGroup(this);

// 添加动画
m_pGroup->addAnimation(pAnimation1);

// 暂停1秒
m_pGroup->addPause(1000);
m_pGroup->addAnimation(pAnimation2);

// 循环2次
m_pGroup->setLoopCount(2);

// 从后向前执行
m_pGroup->setDirection(QAbstractAnimation::Backward);

// 连接信号槽
connect(m_pGroup, SIGNAL(currentAnimationChanged(QAbstractAnimation*)),
this, SLOT(onCurrentAnimationChanged(QAbstractAnimation*)));

connect(pStartButton, SIGNAL(clicked(bool)), this, SLOT(startAnimation()));

...
}

槽函数如下：

// 开始动画
void MainWindow::startAnimation()
{
m_pGroup->start();
}

// 动画切换时会调用
void MainWindow::onCurrentAnimationChanged(QAbstractAnimation *current)
{
QPropertyAnimation *pAnimation = dynamic_cast<QPropertyAnimation *>(current);
if (pAnimation == NULL)
return;

QLabel *pLabel = dynamic_cast<QLabel *>(pAnimation->targetObject());
if (pLabel != NULL)
pLabel->setText(pLabel->text() + ".");
}

这里需要注意，如上所属addPause()之后，暂停也是一个动画（比较特殊而已），所以我们需要用dynamic_cast来转换，并判断是否为NULL（否则会crash）。

更多参考

Qt之动画框架

Qt之QPropertyAnimation

Qt之QParallelAnimationGroup

Qt之QPauseAnimation

Qt之窗口动画（下坠、抖动、透明度）