RotationAnimation QML Type

Animiert Änderungen der Rotationswerte. Mehr...

• Liste aller Mitglieder, einschließlich geerbter Mitglieder

Eigenschaften

• direction : enumeration
• from : real
• to : real

Detaillierte Beschreibung

RotationAnimation ist eine spezialisierte PropertyAnimation, die die Kontrolle über die Drehrichtung während einer Animation ermöglicht.

Standardmäßig erfolgt die Drehung in der Richtung der numerischen Änderung; eine Drehung von 0 auf 240 bewirkt eine Drehung um 240 Grad im Uhrzeigersinn, während eine Drehung von 240 auf 0 eine Drehung um 240 Grad gegen den Uhrzeigersinn bewirkt. Mit der Eigenschaft direction kann die Richtung festgelegt werden, in der die Drehung erfolgen soll.

Im folgenden Beispiel verwenden wir RotationAnimation, um die Drehung zwischen den Zuständen auf dem kürzesten Weg zu animieren:

import QtQuick

Item {
    width: 300; height: 300

    Rectangle {
        id: rect
        width: 150; height: 100; anchors.centerIn: parent
        color: "red"
        antialiasing: true

        states: State {
            name: "rotated"
            PropertyChanges { target: rect; rotation: 180 }
        }

        transitions: Transition {
            RotationAnimation { duration: 1000; direction: RotationAnimation.Counterclockwise }
        }
    }

    MouseArea { anchors.fill: parent; onClicked: rect.state = "rotated" }
}

Beachten Sie, dass für RotationAnimation kein target Wert festgelegt werden muss. Wenn RotationAnimation in einem Übergang verwendet wird, werden alle Eigenschaften mit dem Namen "Rotation" oder "Winkel" gedreht. Sie können dies außer Kraft setzen, indem Sie Ihre eigenen Eigenschaften über properties oder property angeben.

Beachten Sie auch, dass Rectangle um seinen Standardwert transformOrigin ( Item.Center) gedreht wird. Um einen anderen Transformationsursprung zu verwenden, legen Sie den Ursprung im Objekt PropertyChanges fest und wenden die Änderung zu Beginn der Animation mit PropertyAction an. Weitere Einzelheiten finden Sie in der Dokumentation PropertyAction.

Wie jeder andere Animationstyp kann eine RotationAnimation auf verschiedene Weise angewendet werden, z. B. mit Übergängen, Verhaltensweisen und Eigenschaftswertquellen. Die Dokumentation Animation und Übergänge in Qt Quick zeigt eine Vielzahl von Methoden zur Erstellung von Animationen.

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

Eigenschaft Dokumentation

Item {
    states: [
        // ...
    ]

    transitions: Transition {
        RotationAnimation { properties: "angle"; from: 100; duration: 2000 }
    }
}