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.

Dokumentation der Eigenschaft

duration : int

Diese Eigenschaft enthält die Dauer der Animation in Millisekunden.

Der Standardwert ist 250.

easing group

Gibt die für die Animation verwendete Entspannungskurve an

Um eine Entspannungskurve festzulegen, müssen Sie zumindest den Typ angeben. Für einige Kurven können Sie auch Amplitude, Periode und/oder Überschwingen angeben. Die Standardkurve ist Linear.

AnchorAnimation { easing.type: Easing.InOutQuad }

Informationen zu den verschiedenen Typen von Entspannungskurven finden Sie in der Dokumentation PropertyAnimation::easing.type.

targets : list<Item> [read-only]

Die neu zu verankernden Elemente.

Wenn keine Ziele angegeben werden, werden alle AnchorChanges durch die AnchorAnimation animiert.