SequentialAnimation属性说明

相关控件：PropertyAnimation NumberAnimation

SequentialAnimation类型允许多个动画为一起运行,在SequentialAnimation中定义的动画一个接一个地运行。

本文: https://www.lovejia.win/blog/article/SequentialAnimation.html
参考原文：http://doc.qt.io/qt-5/qml-qtquick-sequentialanimation.html
参考译文：http://blog.csdn.net/vampire_armand/article/details/38895963

功能简述

SequentialAnimation类型允许多个动画为一起运行,在SequentialAnimation中定义的动画一个接一个地运行。
在Transition中定义的动画会自动并行运行，因此如果这是首选行为，SequentialAnimation可用于在Transition中包含动画。
与任何其他动画类型一样，SequentialAnimation可以以多种方式应用，包括转换，行为和属性值源。

例

以下示例在序列中运行两个数字动画。该矩形动画到x50的位置，然后到y50的位置：

import QtQuick 2.0

Rectangle {
    id: rect
    width: 100; height: 100
    color: "red"

    SequentialAnimation {
        running: true
        NumberAnimation { target: rect; property: "x"; to: 50; duration: 1000 }
        NumberAnimation { target: rect; property: "y"; to: 50; duration: 1000 }
    }
}

注意：一旦动画被分组为SequentialAnimation，它不能单独启动和停止; 所述SequentialAnimation必须启动和停止为一组。