NumberAnimation QML Element

TheNumberAnimation element animates changes in qreal-type values.More...

• List of all members, including inherited members

Properties

• from : real
• to : real

Detailed Description

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

Here is aNumberAnimation applied to thex property of aRectangle as a property value source. It animates thex value from its current value to a value of 50, over 1000 milliseconds:

import QtQuick 1.0Rectangle {width:100;height:100color:"red"    NumberAnimation onx {to:50;duration:1000 }}

Like any other animation element, aNumberAnimation can be applied in a number of ways, including transitions, behaviors and property value sources. TheQML Animation and Transitions documentation shows a variety of methods for creating animations.

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

See alsoQML Animation and Transitions and Animation basics example.

Property Documentation

Item {states: [// ...    ]transition:Transition {NumberAnimation {properties:"x";from:100;duration:200 }    }}