AnchorAnimation QML Type

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.

Note: AnchorAnimation can only be used in a Transition and in conjunction with an AnchorChange. It cannot be used in behaviors and other types of animations.

See also Animation and Transitions in Qt Quick and AnchorChanges.

Property Documentation

 AnchorAnimation { easing.type: Easing.InOutQuad }