SequentialAnimation QML Type

アニメーションを連続して実行できるようにする。もっと詳しく...

• 継承されたメンバーを含む全メンバーのリスト

詳細説明

SequentialAnimation とParallelAnimation タイプは、複数のアニメーションを一緒に実行できるようにします。SequentialAnimation で定義されたアニメーションは次々に実行され、ParallelAnimation で定義されたアニメーションは同時に実行されます。

次の例では、2つの数字アニメーションを順番に実行します。Rectangle は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 }
    }
}

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

他のアニメーションタイプと同様に、SequentialAnimationは、トランジション、ビヘイビア、プロパティ値のソースなど、様々な方法で適用することができます。Animation and Transitions in Qt Quickドキュメントでは、アニメーションを作成するための様々な方法を紹介しています。

ParallelAnimation 、Qt Quickのアニメーションとトランジション、Qt Quick Examples - Animationも参照してください 。