XAnimator QML Type | Qt Quick 5.12.9

- Qt 5.12
- Qt Quick
- QML Types
- XAnimator QML Type
- Qt 5.12.9 Reference Documentation

# XAnimator QML Type

The XAnimator type animates the x position of an Item. More...

Import Statement: | import QtQuick 2.12
Since: | Qt 5.2
Inherits: | Animator

- List of all members, including inherited members

## 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::x is updated after the animation has finished.

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

     Rectangle {
         id: xmovingBox
         width: 50
         height: 50
         color: "lightsteelblue"
         XAnimator {
             target: xmovingBox;
             from: 10;
             to: 0;
             duration: 1000
             running: true
         }
     }

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

     Rectangle {
         width: 50
         height: 50
         color: "lightsteelblue"
         XAnimator on x {
             from: 10;
             to: 0;
             duration: 1000
         }
     }