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

1.简述

界面中需要用动图展示状态,打算使用QMovie播放,QLabel->setMovie();
就是一下方法。
在这里插入图片描述
在这里插入图片描述
不过UI给的gif效果很糊,远没给的png清楚。

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

只能用多个png图片刷新来实现动效展示。
在这里插入图片描述
效果对比
上图是直接播放gif的效果,下图是逐帧刷新的效果
在这里插入图片描述
在这里插入图片描述

2.代码
用法示例

在这里插入图片描述

实现

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中创建一个GIF动图作为开机背景并使其自适应屏幕,你可以使用QImage和QMovie类来处理图像动画。以下是一个简单的步骤: 1. **加载GIF文件**: 首先,你需要包含必要的头文件,并从`QDir`获取启动器目录(通常在`/usr/share/applications`)中的GIF文件路径。 ```cpp #include <QApplication> #include <QDir> #include <QImage> #include <QMovie> QString gifPath = QDir::homePath() + "/.local/share/applications/myapp.desktop/background.gif"; ``` 2. **创建QMovie对象**: 使用`QMovie`读取GIF文件,并设置循环播放。 ```cpp QMovie movie(gifPath); movie.setCacheMode(QMovie::CacheAll); movie.setSpeed(50); // 设置播放速度,范围为0~100 movie.setLoopCount(-1); // 无限循环 ``` 3. **创建QPixmap和窗口大小适应**: 创建一个`QPixmap`来显示动画,然后根据窗口尺寸调整大小。 ```cpp QPixmap pixmap; pixmap.loadFromImage(movie.currentImage()); QDesktopWidget desktop; int width = desktop.width(); int height = desktop.height(); // 将pixmap缩放到适应屏幕大小 pixmap = pixmap.scaled(width, height, Qt::KeepAspectRatio, Qt::SmoothTransformation); ``` 4. **显示动画**: 使用`setPixmap`设置窗口背景为动画,并确保窗口具有透明背景(如果你的应用程序不支持透明背景,可能需要修改样式表或使用其他方法)。 ```cpp QMainWindow window; window.setStyleSheet("background-color: transparent;"); window.setCentralWidget(QWidget()); // 清除默认中央widget window.setWindowTitle("My App"); window.resize(width, height); QWidget* centralWidget = new QWidget(window); centralWidget->setLayout(new QVBoxLayout(centralWidget)); centralWidget->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding); centralWidget->setAutoFillBackground(true); // 显示动画 window.setAutoFillBackground(true); window.setBackgroundRole(Qt::DarkColor); window.setWindowFlags(window.windowFlags() | Qt::WindowStaysOnTopHint); window.showFullScreen(); centralWidget->layout()->addWidget(&pixmap); ``` 5. **启动应用程序**: 最后,调用`QApplication`的`exec()`函数来运行你的应用。 ```cpp return QApplication::exec(); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我是唐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值