Qml-Gif的显示

Qml-AnimateImage的使用

AnimateImage的概述

1. AnimateImage：继承于Image类，播放存储为包含一系列帧的图像的动画，如gif文件
2. 属性currentFrame : int：当前显示图像帧，可以监视此属性的变化做联动动作
3. 属性frameCount : int：序列图像帧的总数，有些格式可能为0
4. 属性paused : bool：是否处于暂停状态，设置true:暂停播放
5. 属性playing : bool：是否处于播放状态，默认处于播放状态
6. 属性source : url：图片源
7. 属性speed : real：播放速度，默认为1.0；小于1.0 慢播，大于1.0快播

AnimateImage的实例代码

import QtQuick
import QtQuick.Controls
//qml中使用AnimateImage 来显示gif文件
//Rectangle{Row{id:idRowy:20spacing: 20Button{id:idBut1text:"Play"onClicked: {idGif.playing = true;idGif.paused = false;}}Button{id:idBut2text:"Pause"onClicked: {idGif.paused = true}}Slider {id:idSliderfrom: 0.1value: 1.0to: 4.0width: 100height: 20onValueChanged: {idGif.speed = value;}}Text{verticalAlignment: Text.AlignVCentertext: idSlider.value}}AnimatedImage{id:idGifanchors.centerIn: parentheight: 200width: 200source:"qrc:/qt/qml/text/qmlDemo/GifTest.gif"}
}

AnimateImage实例代码运行结果如下：

1.点Pause按钮 暂停 gif播放，点play 恢复播放。效果如下