AnchorAnimation QML Type

Zeigt Änderungen der Ankerwerte animiert an. Mehr...

• Liste aller Elemente, einschließlich geerbter Elemente

Eigenschaften

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

Ausführliche Beschreibung

AnchorAnimation wird verwendet, um eine Änderung des Ankers zu animieren.

Im folgenden Codeausschnitt 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, animiert sie alle „ AnchorChanges “, die während des Zustandswechsels aufgetreten sind. Dies kann überschrieben werden, indem mithilfe der Eigenschaft „ AnchorChanges.target “ ein bestimmtes Zielelement festgelegt wird.

Siehe auch „Animationen und Übergänge in Qt Quick “ und „ AnchorChanges “.

Eigenschaftsdokumentation

duration : int

Diese Eigenschaft gibt die Dauer der Animation in Millisekunden an.

Der Standardwert beträgt 250.

easing group

Legt die für die Animation verwendete Beschleunigungskurve fest

Um eine Beschleunigungskurve festzulegen, müssen Sie mindestens den Typ angeben. Bei einigen Kurven können Sie zusätzlich Amplitude, Periode und/oder Überschwingen festlegen. Die Standard-Beschleunigungskurve ist „Linear“.

AnchorAnimation { easing.type: Easing.InOutQuad }

Informationen zu den verschiedenen Arten von Beschleunigungskurven finden Sie in der Dokumentation unter „ PropertyAnimation::easing.type “.

targets : list<Item> [read-only]

Die Elemente, die neu verankert werden sollen.

Wenn keine Ziele angegeben sind, werden alle Elemente unter „ AnchorChanges “ durch die Funktion „ AnchorAnimation “ animiert.