• Home
• Qt 5.11
• Qt Quick
• QML Types
• NumberAnimation QML Type

NumberAnimation

Animates changes in qreal-type values. More...

• List of all members, including inherited members

Properties

• from : real
• to : real

Detailed Description

NumberAnimation is a specialized PropertyAnimation that defines an animation to be applied when a numerical value changes.

Here is a NumberAnimation applied to the x property of a Rectangle as a property value source. It animates the x value from its current value to a value of 50, over 1000 milliseconds:

import QtQuick 2.0

Rectangle {
    width: 100; height: 100
    color: "red"

    NumberAnimation on x { to: 50; duration: 1000 }
}

Like any other animation type, a NumberAnimation can be applied in a number of ways, including transitions, behaviors and property value sources. The Animation and Transitions in Qt Quick documentation shows a variety of methods for creating animations.

Note that NumberAnimation may not animate smoothly if there are irregular changes in the number value that it is tracking. If this is the case, use SmoothedAnimation instead.

See also Animation and Transitions in Qt Quick and Qt Quick Examples - Animation.

Property Documentation

Item {
    states: [
        // ...
    ]

    transition: Transition {
        NumberAnimation { properties: "x"; from: 100; duration: 200 }
    }
}