并行动画 QML 类型

允许动画并行运行。更多...

导入声明import QtQuick
继承

Animation

详细描述

SequentialAnimation 类型一样,ParallelAnimation 类型允许同时对多个动画进行运行。在 SequentialAnimation 中定义的动画将依次运行,而在 ParallelAnimation 中定义的动画将同时运行。

下面的动画同时运行两个数字动画。通过同時動畫其 xy 属性的 Rectangle 元素移动到 (50,50)。

import QtQuick

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

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

与任何其他动画类型一样,ParallelAnimation 可应用于多种方式,包括转换、行为和属性值源。有关创建动画的各种方法的说明,请参阅 Qt Quick 中的动画和转换 文档。

注意:一旦将动画分组到 SequentialAnimation 或 ParallelAnimation,则无法单独启动和停止它;必须作为一组启动和停止 SequentialAnimation 或 ParallelAnimation。

另请参阅:SequentialAnimationQt Quick 中的动画和转换,以及 Qt Quick 示例 - 动画

© 2024 Qt 公司 Ltd. 本文档中包含的贡献的文档版权属于其各自的所有者。本文档是根据由自由软件基金会发布的 GNU 自由文档许可证版本 1.3 的条款许可的。Qt 以及相应的标志是 Finland 和/或其他国家的 Qt 公司 Ltd 的商标。所有其他商标均为其各自所有者的财产。