Tour Preview

Find the Best Demos and Examples

Check out this quick tour to find the best demos and examples for you, and to see how the Felgo SDK can help you to develop your next app or game!

ScaleAnimator

The ScaleAnimator type animates the scale factor of an Item. More...

Import Statement: import QtQuick 2.11
Since: Qt 5.2
Inherits:

Animator

Detailed Description

Animator types are different from normal Animation types. When using an Animator, the animation can be run in the render thread and the property value will jump to the end when the animation is complete.

The value of Item::scale is updated after the animation has finished.

The following snippet shows how to use a ScaleAnimator together with a Rectangle item.

Rectangle {
    id: scalingBox
    width: 50
    height: 50
    color: "lightsteelblue"
    ScaleAnimator {
        target: scalingBox;
        from: 0.5;
        to: 1;
        duration: 1000
        running: true
    }
}

It is also possible to use the on keyword to tie the ScaleAnimator directly to an Item instance.

Rectangle {
    width: 50
    height: 50
    color: "lightsteelblue"
    ScaleAnimator on scale {
        from: 0.5;
        to: 1;
        duration: 1000
    }
}

See also Item::transformOrigin and RotationAnimator.