欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Qt_动图 播放png阵列 避免使用gif导致失真

程序员文章站 2022-05-22 18:58:38
...

1.简述

界面中需要用动图展示状态,打算使用QMovie播放,QLabel->setMovie();
就是一下方法。
Qt_动图 播放png阵列 避免使用gif导致失真
Qt_动图 播放png阵列 避免使用gif导致失真
不过UI给的gif效果很糊,远没给的png清楚。

查了资料说gif的标准只支持256色,也就是说png图片里的rgb1600万全彩被压缩了。自然也就失真了。所以播放gif达不到目标效果。

只能用多个png图片刷新来实现动效展示。
Qt_动图 播放png阵列 避免使用gif导致失真
效果对比
上图是直接播放gif的效果,下图是逐帧刷新的效果
Qt_动图 播放png阵列 避免使用gif导致失真
Qt_动图 播放png阵列 避免使用gif导致失真

2.代码

用法示例

Qt_动图 播放png阵列 避免使用gif导致失真

实现

CWidgetAE.cpp

#include "CWidgetAE.h"
#include <QDir>
#include <QDebug>

CWidgetAE::CWidgetAE(QString strImgDir, QWidget *parent)
    : QWidget(parent)
{
    setImgDir(strImgDir);
}

void CWidgetAE::setImgDir(QString strImgDir)
{
    if(m_strImgDir == strImgDir)
        return ;
    else
        m_strImgDir = strImgDir;


    stopAE();
    QDir tmpDir(m_strImgDir);
    QFileInfoList listInfo = tmpDir.entryInfoList(QDir::Files|QDir::Dirs|QDir::NoDotAndDotDot,QDir::Name);
    if(listInfo.isEmpty()){
        qWarning()<<"AE Dir is Empty!";
        return ;
    }

    m_strListImg.clear();
    foreach(QFileInfo strFileInfo,listInfo){
        m_strListImg.append(strFileInfo.filePath());
    }

    this->resize(QImage(m_strListImg.first()).size());
    this->show();
    startAE();
}

void CWidgetAE::closeAE()
{
    m_strImgDir = "";
    stopAE();
    this->hide();
}

void CWidgetAE::stopAE()
{
    if(0 == m_nTimerId)
        return ;

    killTimer(m_nTimerId);
    m_nTimerId = 0;
}

void CWidgetAE::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event)
    if(m_nIndex > (m_strListImg.size() - 1))
        return ;

    QPainter painter(this);
    painter.drawImage(QPointF(0,0),QImage(m_strListImg[m_nIndex]));

    m_nIndex++;
    m_nIndex = (m_nIndex)%m_strListImg.size();
}

void CWidgetAE::timerEvent(QTimerEvent *event)
{
    Q_UNUSED(event)
    this->update();
}

CWidgetAE.h

#ifndef CWIDGETAE_H
#define CWIDGETAE_H

#include <QWidget>
#include <QPaintEvent>
#include <QPainter>
#include <QTimer>

class CWidgetAE : public QWidget
{
    Q_OBJECT
public:
    explicit CWidgetAE(QString strImgDir,QWidget *parent = nullptr);

    void setImgDir(QString strImgDir); //传入图片文件夹路径  就会自动开始播放 50ms刷一帧
    void closeAE(); //关闭动画显示  停止刷新
private:
    void startAE(){m_nTimerId = startTimer(50);}
    void stopAE();
protected:
    void paintEvent(QPaintEvent *event);
    void timerEvent(QTimerEvent *event);
private:
    QTimer *m_pTimer = nullptr;
    QString m_strImgDir = "";
    QStringList m_strListImg;
    int m_nIndex = 0;
    int m_nTimerId = 0;
};

#endif // CWIDGETAE_H

相关标签: Qt qt5