QEasingCurve

The QEasingCurve class provides easing curves for controlling animation. More...

 #include <QEasingCurve>

This class was introduced in Qt 4.6.

Public Types

typedef EasingFunction
enum Type { Linear, InQuad, OutQuad, InOutQuad, ..., Custom }

Public Functions

QEasingCurve ( Type type = Linear )
QEasingCurve ( const QEasingCurve & other )
~QEasingCurve ()
qreal amplitude () const
EasingFunction customType () const
qreal overshoot () const
qreal period () const
void setAmplitude ( qreal amplitude )
void setCustomType ( EasingFunction func )
void setOvershoot ( qreal overshoot )
void setPeriod ( qreal period )
void setType ( Type type )
Type type () const
qreal valueForProgress ( qreal progress ) const
bool operator!= ( const QEasingCurve & other ) const
QEasingCurve & operator= ( const QEasingCurve & other )
bool operator== ( const QEasingCurve & other ) const

Related Non-Members

QDataStream & operator<< ( QDataStream & stream, const QEasingCurve & easing )

Detailed Description

The QEasingCurve class provides easing curves for controlling animation.

Easing curves describe a function that controls how the speed of the interpolation between 0 and 1 should be. Easing curves allow transitions from one value to another to appear more natural than a simple constant speed would allow. The QEasingCurve class is usually used in conjunction with the QVariantAnimation and QPropertyAnimation classes but can be used on its own. It is usually used to accelerate the interpolation from zero velocity (ease in) or decelerate to zero velocity (ease out). Ease in and ease out can also be combined in the same easing curve.

To calculate the speed of the interpolation, the easing curve provides the function valueForProgress(), where the progress argument specifies the progress of the interpolation: 0 is the start value of the interpolation, 1 is the end value of the interpolation. The returned value is the effective progress of the interpolation. If the returned value is the same as the input value for all input values the easing curve is a linear curve. This is the default behaviour.

For example,

 QEasingCurve easing(QEasingCurve::InOutQuad);

 for(qreal t = 0.0; t < 1.0; t+=0.1)
     qWarning() << "Effective progress" << t << " is
                << easing.valueForProgress(t);
 

will print the effective progress of the interpolation between 0 and 1.

When using a QPropertyAnimation, the associated easing curve will be used to control the progress of the interpolation between startValue and endValue:

 QPropertyAnimation animation;
 animation.setStartValue(0);
 animation.setEndValue(1000);
 animation.setDuration(1000);
 animation.setEasingCurve(QEasingCurve::InOutQuad);

The ability to set an amplitude, overshoot, or period depends on the QEasingCurve type. Amplitude access is available to curves that behave as springs such as elastic and bounce curves. Changing the amplitude changes the height of the curve. Period access is only available to elastic curves and setting a higher period slows the rate of bounce. Only curves that have "boomerang" behaviors such as the InBack, OutBack, InOutBack, and OutInBack have overshoot settings. These curves will interpolate beyond the end points and return to the end point, acting similar to a boomerang.

The Easing Curves Example contains samples of QEasingCurve types and lets you change the curve settings.

Member Type Documentation

typedef QEasingCurve::EasingFunction

This is a typedef for a pointer to a function with the following signature:

 qreal myEasingFunction(qreal progress);

enum QEasingCurve::Type

The type of easing curve.

ConstantValueDescription
QEasingCurve::Linear0/native/files/reference/cascades/images/qeasingcurve-linear.png
Easing curve for a linear (t) function: velocity is constant.
QEasingCurve::InQuad1/native/files/reference/cascades/images/qeasingcurve-inquad.png
Easing curve for a quadratic (t^2) function: accelerating from zero velocity.
QEasingCurve::OutQuad2/native/files/reference/cascades/images/qeasingcurve-outquad.png
Easing curve for a quadratic (t^2) function: decelerating to zero velocity.
QEasingCurve::InOutQuad3/native/files/reference/cascades/images/qeasingcurve-inoutquad.png
Easing curve for a quadratic (t^2) function: acceleration until halfway, then deceleration.
QEasingCurve::OutInQuad4/native/files/reference/cascades/images/qeasingcurve-outinquad.png
Easing curve for a quadratic (t^2) function: deceleration until halfway, then acceleration.
QEasingCurve::InCubic5/native/files/reference/cascades/images/qeasingcurve-incubic.png
Easing curve for a cubic (t^3) function: accelerating from zero velocity.
QEasingCurve::OutCubic6/native/files/reference/cascades/images/qeasingcurve-outcubic.png
Easing curve for a cubic (t^3) function: decelerating to zero velocity.
QEasingCurve::InOutCubic7/native/files/reference/cascades/images/qeasingcurve-inoutcubic.png
Easing curve for a cubic (t^3) function: acceleration until halfway, then deceleration.
QEasingCurve::OutInCubic8/native/files/reference/cascades/images/qeasingcurve-outincubic.png
Easing curve for a cubic (t^3) function: deceleration until halfway, then acceleration.
QEasingCurve::InQuart9/native/files/reference/cascades/images/qeasingcurve-inquart.png
Easing curve for a quartic (t^4) function: accelerating from zero velocity.
QEasingCurve::OutQuart10/native/files/reference/cascades/images/qeasingcurve-outquart.png
Easing curve for a quartic (t^4) function: decelerating to zero velocity.
QEasingCurve::InOutQuart11/native/files/reference/cascades/images/qeasingcurve-inoutquart.png
Easing curve for a quartic (t^4) function: acceleration until halfway, then deceleration.
QEasingCurve::OutInQuart12/native/files/reference/cascades/images/qeasingcurve-outinquart.png
Easing curve for a quartic (t^4) function: deceleration until halfway, then acceleration.
QEasingCurve::InQuint13/native/files/reference/cascades/images/qeasingcurve-inquint.png
Easing curve for a quintic (t^5) easing in: accelerating from zero velocity.
QEasingCurve::OutQuint14/native/files/reference/cascades/images/qeasingcurve-outquint.png
Easing curve for a quintic (t^5) function: decelerating to zero velocity.
QEasingCurve::InOutQuint15/native/files/reference/cascades/images/qeasingcurve-inoutquint.png
Easing curve for a quintic (t^5) function: acceleration until halfway, then deceleration.
QEasingCurve::OutInQuint16/native/files/reference/cascades/images/qeasingcurve-outinquint.png
Easing curve for a quintic (t^5) function: deceleration until halfway, then acceleration.
QEasingCurve::InSine17/native/files/reference/cascades/images/qeasingcurve-insine.png
Easing curve for a sinusoidal (sin(t)) function: accelerating from zero velocity.
QEasingCurve::OutSine18/native/files/reference/cascades/images/qeasingcurve-outsine.png
Easing curve for a sinusoidal (sin(t)) function: decelerating from zero velocity.
QEasingCurve::InOutSine19/native/files/reference/cascades/images/qeasingcurve-inoutsine.png
Easing curve for a sinusoidal (sin(t)) function: acceleration until halfway, then deceleration.
QEasingCurve::OutInSine20/native/files/reference/cascades/images/qeasingcurve-outinsine.png
Easing curve for a sinusoidal (sin(t)) function: deceleration until halfway, then acceleration.
QEasingCurve::InExpo21/native/files/reference/cascades/images/qeasingcurve-inexpo.png
Easing curve for an exponential (2^t) function: accelerating from zero velocity.
QEasingCurve::OutExpo22/native/files/reference/cascades/images/qeasingcurve-outexpo.png
Easing curve for an exponential (2^t) function: decelerating from zero velocity.
QEasingCurve::InOutExpo23/native/files/reference/cascades/images/qeasingcurve-inoutexpo.png
Easing curve for an exponential (2^t) function: acceleration until halfway, then deceleration.
QEasingCurve::OutInExpo24/native/files/reference/cascades/images/qeasingcurve-outinexpo.png
Easing curve for an exponential (2^t) function: deceleration until halfway, then acceleration.
QEasingCurve::InCirc25/native/files/reference/cascades/images/qeasingcurve-incirc.png
Easing curve for a circular (sqrt(1-t^2)) function: accelerating from zero velocity.
QEasingCurve::OutCirc26/native/files/reference/cascades/images/qeasingcurve-outcirc.png
Easing curve for a circular (sqrt(1-t^2)) function: decelerating from zero velocity.
QEasingCurve::InOutCirc27/native/files/reference/cascades/images/qeasingcurve-inoutcirc.png
Easing curve for a circular (sqrt(1-t^2)) function: acceleration until halfway, then deceleration.
QEasingCurve::OutInCirc28/native/files/reference/cascades/images/qeasingcurve-outincirc.png
Easing curve for a circular (sqrt(1-t^2)) function: deceleration until halfway, then acceleration.
QEasingCurve::InElastic29/native/files/reference/cascades/images/qeasingcurve-inelastic.png
Easing curve for an elastic (exponentially decaying sine wave) function: accelerating from zero velocity. The peak amplitude can be set with the amplitude parameter, and the period of decay by the period parameter.
QEasingCurve::OutElastic30/native/files/reference/cascades/images/qeasingcurve-outelastic.png
Easing curve for an elastic (exponentially decaying sine wave) function: decelerating from zero velocity. The peak amplitude can be set with the amplitude parameter, and the period of decay by the period parameter.
QEasingCurve::InOutElastic31/native/files/reference/cascades/images/qeasingcurve-inoutelastic.png
Easing curve for an elastic (exponentially decaying sine wave) function: acceleration until halfway, then deceleration.
QEasingCurve::OutInElastic32/native/files/reference/cascades/images/qeasingcurve-outinelastic.png
Easing curve for an elastic (exponentially decaying sine wave) function: deceleration until halfway, then acceleration.
QEasingCurve::InBack33/native/files/reference/cascades/images/qeasingcurve-inback.png
Easing curve for a back (overshooting cubic function: (s+1)*t^3 - s*t^2) easing in: accelerating from zero velocity.
QEasingCurve::OutBack34/native/files/reference/cascades/images/qeasingcurve-outback.png
Easing curve for a back (overshooting cubic function: (s+1)*t^3 - s*t^2) easing out: decelerating to zero velocity.
QEasingCurve::InOutBack35/native/files/reference/cascades/images/qeasingcurve-inoutback.png
Easing curve for a back (overshooting cubic function: (s+1)*t^3 - s*t^2) easing in/out: acceleration until halfway, then deceleration.
QEasingCurve::OutInBack36/native/files/reference/cascades/images/qeasingcurve-outinback.png
Easing curve for a back (overshooting cubic easing: (s+1)*t^3 - s*t^2) easing out/in: deceleration until halfway, then acceleration.
QEasingCurve::InBounce37/native/files/reference/cascades/images/qeasingcurve-inbounce.png
Easing curve for a bounce (exponentially decaying parabolic bounce) function: accelerating from zero velocity.
QEasingCurve::OutBounce38/native/files/reference/cascades/images/qeasingcurve-outbounce.png
Easing curve for a bounce (exponentially decaying parabolic bounce) function: decelerating from zero velocity.
QEasingCurve::InOutBounce39/native/files/reference/cascades/images/qeasingcurve-inoutbounce.png
Easing curve for a bounce (exponentially decaying parabolic bounce) function easing in/out: acceleration until halfway, then deceleration.
QEasingCurve::OutInBounce40/native/files/reference/cascades/images/qeasingcurve-outinbounce.png
Easing curve for a bounce (exponentially decaying parabolic bounce) function easing out/in: deceleration until halfway, then acceleration.
QEasingCurve::Custom45This is returned if the user specified a custom curve type with setCustomType(). Note that you cannot call setType() with this value, but type() can return it.

Member Function Documentation

QEasingCurve::QEasingCurve ( Type type = Linear )

Constructs an easing curve of the given type.

QEasingCurve::QEasingCurve ( const QEasingCurve & other )

Construct a copy of other.

QEasingCurve::~QEasingCurve ()

Destructor.

qreal QEasingCurve::amplitude () const

Returns the amplitude. This is not applicable for all curve types. It is only applicable for bounce and elastic curves (curves of type() QEasingCurve::InBounce, QEasingCurve::OutBounce, QEasingCurve::InOutBounce, QEasingCurve::OutInBounce, QEasingCurve::InElastic, QEasingCurve::OutElastic, QEasingCurve::InOutElastic or QEasingCurve::OutInElastic).

See also setAmplitude().

EasingFunction QEasingCurve::customType () const

Returns the function pointer to the custom easing curve. If type() does not return QEasingCurve::Custom, this function will return 0.

See also setCustomType().

qreal QEasingCurve::overshoot () const

Returns the overshoot. This is not applicable for all curve types. It is only applicable if type() is QEasingCurve::InBack, QEasingCurve::OutBack, QEasingCurve::InOutBack or QEasingCurve::OutInBack.

See also setOvershoot().

qreal QEasingCurve::period () const

Returns the period. This is not applicable for all curve types. It is only applicable if type() is QEasingCurve::InElastic, QEasingCurve::OutElastic, QEasingCurve::InOutElastic or QEasingCurve::OutInElastic.

See also setPeriod().

void QEasingCurve::setAmplitude ( qreal amplitude )

Sets the amplitude to amplitude.

This will set the amplitude of the bounce or the amplitude of the elastic "spring" effect. The higher the number, the higher the amplitude.

See also amplitude().

void QEasingCurve::setCustomType ( EasingFunction func )

Sets a custom easing curve that is defined by the user in the function func. The signature of the function is qreal myEasingFunction(qreal progress), where progress and the return value is considered to be normalized between 0 and 1. (In some cases the return value can be outside that range) After calling this function type() will return QEasingCurve::Custom. func cannot be zero.

See also customType() and valueForProgress().

void QEasingCurve::setOvershoot ( qreal overshoot )

Sets the overshoot to overshoot.

0 produces no overshoot, and the default value of 1.70158 produces an overshoot of 10 percent.

See also overshoot().

void QEasingCurve::setPeriod ( qreal period )

Sets the period to period. Setting a small period value will give a high frequency of the curve. A large period will give it a small frequency.

See also period().

void QEasingCurve::setType ( Type type )

Sets the type of the easing curve to type.

See also type().

Type QEasingCurve::type () const

Returns the type of the easing curve.

See also setType().

qreal QEasingCurve::valueForProgress ( qreal progress ) const

Return the effective progress for the easing curve at progress. While progress must be between 0 and 1, the returned effective progress can be outside those bounds. For instance, QEasingCurve::InBack will return negative values in the beginning of the function.

bool QEasingCurve::operator!= ( const QEasingCurve & other ) const

Compare this easing curve with other and returns true if they are not equal. It will also compare the properties of a curve.

See also operator==().

QEasingCurve & QEasingCurve::operator= ( const QEasingCurve & other )

Copy other.

bool QEasingCurve::operator== ( const QEasingCurve & other ) const

Compare this easing curve with other and returns true if they are equal. It will also compare the properties of a curve.

Related Non-Members

QDataStream & operator<< ( QDataStream & stream, const QEasingCurve & easing )

Writes the given easing curve to the given stream and returns a reference to the stream.

See also Serializing Qt Data Types.

Last modified: 2014-03-13

comments powered by Disqus