AnimatedSprite QML Type
Draws a sprite animation. More...
| Import Statement: | import QtQuick 2.12 |
| Inherits: |
Properties
- currentFrame : int
- frameCount : int
- frameDuration : int
- frameHeight : int
- frameRate : qreal
- frameSync : bool
- frameWidth : int
- frameX : int
- frameY : int
- interpolate : bool
- loops : int
- paused : bool
- reverse : bool
- running : bool
- source : url
Signals
- finished()
Methods
Detailed Description
AnimatedSprite provides rendering and control over animations which are provided as multiple frames in the same image file. You can play it at a fixed speed, at the frame rate of your display, or manually advance and control the progress.
Consider the following sprite sheet:
It can be divided up into four frames:
To play each of these frames at a speed of 500 milliseconds per frame, the following code can be used:
| Code | Result |
|---|---|
AnimatedSprite {
source: "loading.png"
frameWidth: 64
frameHeight: 64
frameCount: 4
frameDuration: 500
}
|
By default, the frames are interpolated (blended together) to make the animation appear smoother. To disable this, set interpolate to false:
| Code | Result |
|---|---|
AnimatedSprite {
source: "loading.png"
frameWidth: 64
frameHeight: 64
frameCount: 4
frameDuration: 500
interpolate: false
}
|
|
To control how AnimatedSprite responds to being scaled, use the smooth property.
Note that unlike SpriteSequence, the AnimatedSprite type does not use Sprite to define multiple animations, but instead encapsulates a single animation itself.
See also Sprite Animations.
Property Documentation
currentFrame : int |
When paused, the current frame can be advanced manually by setting this property or calling advance().
frameCount : int |
Number of frames in this AnimatedSprite.
frameDuration : int |
Duration of each frame of the animation in milliseconds. Values less than or equal to 0 are invalid.
If frameRate is valid, it will be used to calculate the duration of the frames. If not, and frameDuration is valid, frameDuration will be used.
Changing this parameter will restart the animation.
frameHeight : int |
Height of a single frame in this AnimatedSprite.
May be omitted if it is the only sprite in the file.
Frames per second to show in the animation. Values less than or equal to 0 are invalid.
If frameRate is valid, it will be used to calculate the duration of the frames. If not, and frameDuration is valid, frameDuration will be used.
Changing this parameter will restart the animation.
frameSync : bool |
If true, the animation will have no duration. Instead, the animation will advance one frame each time a frame is rendered to the screen. This synchronizes it with the painting rate as opposed to elapsed time.
If frameSync is set to true, it overrides both frameRate and frameDuration.
Default is false.
Changing this parameter will restart the animation.
frameWidth : int |
Width of a single frame in this AnimatedSprite.
May be omitted if it is the only sprite in the file.
frameX : int |
The X coordinate in the image file of the first frame of the AnimatedSprite.
May be omitted if the first frame starts in the upper left corner of the file.
frameY : int |
The Y coordinate in the image file of the first frame of the AnimatedSprite.
May be omitted if the first frame starts in the upper left corner of the file.
interpolate : bool |
If true, interpolation will occur between sprite frames to make the animation appear smoother.
Default is true.
loops : int |
After playing the animation this many times, the animation will automatically stop. Negative values are invalid.
If this is set to AnimatedSprite.Infinite the animation will not stop playing on its own.
Default is AnimatedSprite.Infinite
paused : bool |
When paused, the current frame can be advanced manually.
Default is false.
reverse : bool |
If true, the animation will be played in reverse.
Default is false.
running : bool |
Whether the sprite is animating or not.
Default is true
source : url |
The image source for the animation.
If frameHeight and frameWidth are not specified, it is assumed to be a single long row of square frames. Otherwise, it can be multiple contiguous rows or rectangluar frames, when one row runs out the next will be used.
If frameX and frameY are specified, the row of frames will be taken with that x/y coordinate as the upper left corner.
Signal Documentation
This signal is emitted when the sprite has finished animating.
It is not emitted when running is set to false, nor for sprites whose loops property is set to AnimatedSprite.Infinite.
This signal was introduced in Qt 5.12.
Method Documentation
int advance() |
Advances the sprite animation by one frame.
int restart() |
Stops, then starts the sprite animation.
int resume() |
© 2019 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.