qml的SequentialAnimation

QML的SequentialAnimation是一种顺序动画，用于按照一定的顺序播放多个动画。它可以包含多个Animation子项，每个子项都可以设置其开始时间、持续时间、动画目标等属性，可以创建复杂的动画效果。

SequentialAnimation的用法非常简单，只需要在其内部添加多个Animation子项即可。每个子项的属性设置和普通的Animation组件一样，只是需要设置其开始时间（delay属性）和持续时间（duration属性），以及动画的目标对象和属性（target和property属性）。

例如，以下代码可以让一个Rectangle先向右移动，然后向下移动：

Rectangle {
    id: rect
    width: 100
    height: 100
    color: "red"
    SequentialAnimation {
        running: true
        loops: Animation.Infinite
        PropertyAnimation {
            target: rect
            property: "x"
            to: 200
            duration: 1000
        }
        PropertyAnimation {
            target: rect
            property: "y"
            to: 200
            duration: 1000
        }
    }
}

在这个例子中，SequentialAnimation包含了两个PropertyAnimation子项，分别用于控制x和y属性的变化。它的loops属性设置为Animation.Infinite，表示循环播放动画。