Easing QML Type

Provides access to the easing enums and convenience API. More...

• List of all members, including inherited members

Detailed Description

The Easing singleton provides access to the Easing enum, which is typically used by animations. It also provides the valueForProgress function as a convenience API:

     Rectangle {
         id: rect
         width: 100
         height: 100
         anchors.centerIn: parent
         color: "red"
         opacity: 0
     }

     FrameAnimation {
         id: frameAnimation
         running: true

         property real elapsed // In seconds.
         readonly property real duration: 2 // Two seconds.

         onTriggered: {
             elapsed += frameTime
             // Loop once we reach the duration.
             if (elapsed > duration)
                 elapsed = 0

             // Increase the opacity from 0 slowly at first, then quickly.
             rect.opacity = Easing.valueForProgress(Easing.InQuart, elapsed / duration)
         }
     }

The goal of this function is to offer a convenient way of easing a value along a given curve. For more advanced curves, use the easingCurve value type.