QML类型说明-SequentialAnimation

最新推荐文章于 2025-01-09 16:54:53 发布

翻译最新推荐文章于 2025-01-09 16:54:53 发布 · 2.2k 阅读

QML类型说明-S 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了Qt Quick中的SequentialAnimation类型，该类型允许将多个动画按顺序排列并依次播放。通过示例代码展示如何设置矩形的位置变化动画，并解释了如何在不同场景下应用此类型。

SequentialAnimation

ImportStatement: import QtQuick2.2

Inherits: Animation

DetailedDescription

SequentialAnimation和ParallelAnimation类型允许多个动画打包到一起。定义在SequentialAnimation中的动画，一个接一个运行，定义在ParallelAnimation中的动画在同一时间一起运行。

下面的代码展示了顺序运行了两个动画，矩形的X坐标先运动到50，然后运动Y坐标

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可以用在多个方面，包括过渡、行为和源属性。在QtQuick的文章中描述了使用Animation和 Transitions创建动画的不同方法。

注意：一旦一个动画被定义在SequentialAnimation或ParallelAnimation中，那它就不能单独的启动或停止。

同时可以参阅ParallelAnimation、Animation和Transitions这些类型的文档和相关实例代码。