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は、トランジション、ビヘイビア、プロパティ値のソースなど、様々な方法で適用することができます。Animation and Transitionsのドキュメントでは、アニメーションを作成するための様々な方法を紹介しています。

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

Qt のライセンスによっては利用可能です。