顺序动画 QML 类型

允许动画顺序运行。更多信息...

导入语句import QtQuick
继承

Animation

详细描述

顺序动画和 并行动画 类型允许多个动画一起运行。在顺序动画中定义的动画将依次运行,而在 并行动画 中定义的动画将同时运行。

以下示例展示了两个数字动画的顺序运行。矩形先移动到 x 位置 50,然后移动到 y 位置 50。

import QtQuick

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 }
    }
}

过渡 中定义的动画会自动并行运行,因此可以通过顺序动画来包含在过渡中的动画,如果这是首选行为的话。

与任何其他动画类型一样,顺序动画可以通过多种方式应用,包括过渡、行为和属性值来源。《Qt Quick 中的动画和过渡》文档展示了创建动画的各种方法。

注意:一旦动画被分组到顺序动画或 并行动画 中,就无法单独启动和停止它;必须以组的形式启动和停止顺序动画或并行动画。

另请参阅:并行动画、《Qt Quick 中的动画和过渡》和《Qt Quick 示例 - 动画》。

© 2024 Qt 公司有限公司。此处包含的文档贡献是各自所有者的版权。此处提供的文档根据自由软件基金会发布的 GNU 自由文档许可协议版本 1.3 的条款进行许可。Qt 和相应的标志是芬兰及其他国家 Qt 公司的商标。所有其他商标均为其各自所有者的财产。