ParentAnimation QML Type

Animiert Änderungen der übergeordneten Werte. Mehr...

• Liste aller Mitglieder, einschließlich geerbter Mitglieder

Eigenschaften

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

Detaillierte Beschreibung

ParentAnimation wird verwendet, um eine übergeordnete Änderung für ein Item zu animieren.

Mit der folgenden ParentChange wird blueRect zum Beispiel zu einem untergeordneten Element von redRect, wenn es angeklickt wird. Die Einbeziehung der ParentAnimation, die eine NumberAnimation definiert, die während des Übergangs angewendet wird, stellt sicher, dass das Element reibungslos animiert wird, wenn es zu seinem neuen Elternteil wechselt:

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" }
    }
}

Eine ParentAnimation kann eine beliebige Anzahl von Animationen enthalten. Diese Animationen werden parallel ausgeführt; um sie sequentiell auszuführen, definieren Sie sie innerhalb einer SequentialAnimation.

In einigen Fällen, z. B. beim Reparenting zwischen Elementen mit aktiviertem Clipping, ist es sinnvoll, die Änderung des übergeordneten Elements über ein anderes Element zu animieren, bei dem das Clipping nicht aktiviert ist. Ein solches Element kann mit der Eigenschaft via festgelegt werden.

ParentAnimation wird in der Regel innerhalb eines Transition in Verbindung mit einem ParentChange verwendet. Wenn es auf diese Weise verwendet wird, animiert es alle ParentChange, die während der Zustandsänderung aufgetreten sind. Dies kann überschrieben werden, indem ein bestimmtes Zielelement mit der Eigenschaft target festgelegt wird.

Siehe auch Animation und Übergänge in Qt Quick und Qt Quick Beispiele - Animation.

Eigenschaft Dokumentation

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