Qt动画框架-(3)分组动画

这一节简单介绍分组动画
准备工作

    Widget w;
    TransparentWidget t; //透明窗体
    QLabel pix;
    QPushButton btn("一个按钮");

    pix.setPixmap(QPixmap("E:/pic/poi2.jpg"));
    pix.setParent(&w);
    w.addItem(&pix);
    w.show();

    btn.setParent(&t);
    t.addItem(&btn);
    t.show();

其中透明窗体可以参考，我的另一篇文章：Qt透明窗体
http://blog.csdn.net/gx864102252/article/details/72779801

图1 显示图片和按钮

• 分组动画

    QPropertyAnimation animation1(&w, "geometry");
    QPropertyAnimation animation2(&t, "geometry");

    QParallelAnimationGroup group;
    group.addAnimation(&animation1);
    group.addAnimation(&animation2);

    QDesktopWidget desktop;
    animation1.setDuration(2000);
    animation1.setStartValue(QRect(desktop.width() / 2,
                            desktop.height() / 2,
                            pix.width(),
                            pix.height()));
    animation1.setEndValue(QRect(desktop.width() / 2,
                          0,
                          pix.width(),
                          pix.height()));

    animation2.setDuration(4000);
    animation2.setStartValue(QRect(desktop.width() / 2,
                            desktop.height() / 2,
                            pix.width(),
                            pix.height()));
    animation2.setEndValue(QRect(desktop.width() / 2,
                          0,
                          pix.width(),
                          pix.height()));


    animation2.setEasingCurve(QEasingCurve::OutBounce);
    group.start();

依旧是从屏幕中心运动到最上方，按钮运动4s，图片运动2s，按钮设置了曲线动画

图2 分组动画
分组中的每个动画都是独立的

• 顺序动画

QSequentialAnimationGroup将按顺序播放动画。它在上一个完成后，在列表中开始下一个动画。

图3 顺序动画
由于动画组是动画本身(组合模式 Composite Pattern)，因此您可以将其添加到另一个组。通过这种方式，您可以构建一个动画的树形结构，该动画指定动画何时相互影响。

有关状态机的动画相关后期继续更新