• Home
• Qt 6.4
• Qt Quick
• QML Types
• AnchorAnimation

AnchorAnimation

Animates changes in anchor values. More...

• List of all members, including inherited members

Properties

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

Detailed Description

AnchorAnimation is used to animate an anchor change.

In the following snippet we animate the addition of a right anchor to a Rectangle:

import QtQuick 2.0

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

When an AnchorAnimation is used in a Transition, it will animate any AnchorChanges that have occurred during the state change. This can be overridden by setting a specific target item using the AnchorChanges.target property.

See also Animation and Transitions in Qt Quick and AnchorChanges.

Property Documentation

AnchorAnimation { easing.type: Easing.InOutQuad }