ParallelAnimation QML Type

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

Import Statement: import QtQuick
Inherits:

Animation

詳細説明

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

次のアニメーションは、2つの数字アニメーションを並行して実行しています。Rectangle は、xy プロパティを同時にアニメートすることで、(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 または ParallelAnimation にグループ化されたアニメーションは、個別に開始・停止することはできません。SequentialAnimation または ParallelAnimation は、グループとして開始・停止する必要があります。

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

© 2025 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.