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:idRow
        y:20
        spacing: 20
        Button{
            id:idBut1
            text:"Play"
            onClicked: {
                idGif.playing = true;
                idGif.paused = false;
            }
        }

        Button{
            id:idBut2
            text:"Pause"
            onClicked: {
                idGif.paused = true
            }
        }


        Slider {
            id:idSlider
            from: 0.1
            value: 1.0
            to: 4.0
            width: 100
            height: 20
            onValueChanged: {
                idGif.speed = value;
            }
        }

        Text{
            verticalAlignment: Text.AlignVCenter
            text: idSlider.value
        }
    }

    AnimatedImage{
        id:idGif
        anchors.centerIn: parent
        height: 200
        width: 200
        source:"qrc:/qt/qml/text/qmlDemo/GifTest.gif"
    }
}

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

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