Easing QML Type (Singleton)

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

Import Statement: import QtQml
Since: Qt 6.11

Note: This type is a QML singleton. There is only one instance of this type in the QML engine.

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.