ParallelAnimation QML Type

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

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

詳細説明

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

次のアニメーションは、2つの数字アニメーションを並行して実行しています。Rectangle は、x とy プロパティを同時にアニメートすることで、(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 の Animation and Transitionsに、アニメーションを作成するための様々な方法が記載されています。

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