AnchorAnimation QML Type

Animiert Änderungen der Ankerwerte. Mehr...

• Liste aller Mitglieder, einschließlich geerbter Mitglieder

Eigenschaften

• duration : int
• easing
  • easing.amplitude : real
  • easing.overshoot : real
  • easing.period : real
  • easing.type : enumeration
• targets : list<Item>

Detaillierte Beschreibung

AnchorAnimation wird verwendet, um einen Ankerwechsel zu animieren.

Im folgenden Schnipsel animieren wir das Hinzufügen eines rechten Ankers zu einem Rectangle:

import QtQuick

Item {
    id: container
    width: 200; height: 200

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

    states: State {
        name: "reanchored"
        AnchorChanges { target: myRect; anchors.right: container.right }
    }

    transitions: Transition {
        // smoothly reanchor myRect and move into new position
        AnchorAnimation { duration: 1000 }
    }

    Component.onCompleted: container.state = "reanchored"
}

Wenn eine AnchorAnimation in einem Transition verwendet wird, werden alle AnchorChanges animiert, die während des Zustandswechsels aufgetreten sind. Dies kann überschrieben werden, indem ein bestimmtes Zielelement mit der Eigenschaft AnchorChanges.target festgelegt wird.

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

Eigenschaft Dokumentation

AnchorAnimation { easing.type: Easing.InOutQuad }