ParentAnimation QML Type

親の値の変化をアニメーション化する。詳細...

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

プロパティ

• newParent : Item
• target : Item
• via : Item

詳細説明

ParentAnimation は、Item の親の変更をアニメーション化するために使用されます。

例えば、次のParentChange は、クリックされるとblueRect をredRect の子に変更します。ParentAnimation を含めることで、遷移中に適用されるNumberAnimation が定義され、アイテムが新しい親に移動する際のアニメーションがスムーズになります：

import QtQuick

Item {
    width: 200; height: 100

    Rectangle {
        id: redRect
        width: 100; height: 100
        color: "red"
    }

    Rectangle {
        id: blueRect
        x: redRect.width
        width: 50; height: 50
        color: "blue"

        states: State {
            name: "reparented"
            ParentChange { target: blueRect; parent: redRect; x: 10; y: 10 }
        }

        transitions: Transition {
            ParentAnimation {
                NumberAnimation { properties: "x,y"; duration: 1000 }
            }
        }

        MouseArea { anchors.fill: parent; onClicked: blueRect.state = "reparented" }
    }
}

ParentAnimation には、任意の数のアニメーションを含めることができます。ParentAnimationには、任意の数のアニメーションを含めることができます。これらのアニメーションは並行して実行されます。順次実行するには、SequentialAnimation の中で定義します。

クリッピングが有効なアイテム間で再ペアレントする場合など、クリッピングが有効でない別のアイテムを経由して親の変更をアニメーション化すると便利な場合があります。このようなアイテムは、via プロパティを使用して設定できます。

ParentAnimation は通常、ParentChange と組み合わせてTransition 内で使用されます。この方法で使用されると、状態変更の間に発生したParentChange をアニメーション化します。これは、target プロパティを使用して特定のターゲット項目を設定することでオーバーライドできます。

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

プロパティの説明

ParentAnimation {
    target: myItem
    via: topLevelItem
    // ...
}