SequentialAnimation QML Type

アニメーションを順番に実行できるようにします。詳細...

• 継承されたメンバーを含む、すべてのメンバーの一覧

詳細な説明

SequentialAnimation およびParallelAnimation 型を使用すると、複数のアニメーションをまとめて実行できます。SequentialAnimation で定義されたアニメーションは順番に実行され、ParallelAnimation で定義されたアニメーションは同時に実行されます。

次の例では、2つの数値アニメーションを順番に実行しています。Rectangle は、x の位置50までアニメーションを行い、その後、y の位置50までアニメーションを行います。

import QtQuick 2.15

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

Transition 内で定義されたアニメーションは自動的に並列で実行されるため、希望する動作であれば、SequentialAnimationを使用してTransition 内のアニメーションを囲むことができます。

他のアニメーションタイプと同様に、SequentialAnimation は、トランジション、ビヘイビア、プロパティ値ソースなど、さまざまな方法で適用できます。「アニメーションとトランジション」のドキュメントには、アニメーションを作成するためのさまざまな方法が記載されています。

「 ParallelAnimation 」 および「アニメーションとトランジション」も参照してください 。

特定のQtライセンスの下で利用可能です。
詳細はこちら。