NumberAnimation

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

Import Statement: import QtQuick 2.11
Inherits:

PropertyAnimation

Inherited By:

SmoothedAnimation and SpringAnimation

Properties

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

from : real

This property holds the starting value for the animation.

For example, the following animation is not applied until the x value has reached 100:

Item {
    states: [
        // ...
    ]

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

If the NumberAnimation is defined within a Transition or Behavior, this value defaults to the value defined in the starting state of the Transition, or the current value of the property at the moment the Behavior is triggered.

See also Animation and Transitions in Qt Quick.


to : real

This property holds the end value for the animation.

If the NumberAnimation is defined within a Transition or Behavior, this value defaults to the value defined in the end state of the Transition, or the value of the property change that triggered the Behavior.

See also Animation and Transitions in Qt Quick.


Voted #1 for:

  • Easiest to learn
  • Most time saving
  • Best support

Develop Cross-Platform Apps and Games 50% Faster!

  • Voted the best supported, most time-saving and easiest to learn cross-platform development tool
  • Based on the Qt framework, with native performance and appearance on all platforms including iOS and Android
  • Offers a variety of plugins to monetize, analyze and engage users
FREE!
create apps
create games
cross platform
native performance
3rd party services
game network
multiplayer
level editor
easiest to learn
biggest time saving
best support