Qt基于定时器实现动图展示效果
本文实例为大家分享了Qt基于定时器实现动图展示的具体代码，供大家参考，具体内容如下
总体概述
（1）总体介绍
动图展示主要是将已有的动图逐帧图片连续输出，达到视觉上的动态图效果，本次介绍两例，分别为单一动图和分组动图。
主要原理是设置一个定时器，然后随设置的秒数将资源中的逐帧图片输出，让图片连续变化。
（2）素材获得途径
关于素材来源，可以到网站下载现成的逐帧图片素材包，也可以找到自己喜欢的动态图，通过软件（如：爱奇艺万能播放器）将动图逐帧保存得到素材。
（注意：不论通过哪种方式获得素材，都需要使图片的序号格式一致）
（3）通用函数介绍
①绘图函数
Qt中的paintEvent()函数是一个用于绘制图形的函数，这个函数需要添加头文件：
#include <QPainter>
同时paintEvent()函数需要在dialog.h文件中提前声明：
public: void paintEvent(QPaintEvent *);
需要注意的是，此函数不能主动调用，且不能把我们需要的绘图程序写在此函数外面。
②定时器事件
定时器事件主要用到timerEvent()，timerEvent是QDbejct所内置的事件，所有继承QDbejct的类都可以使用。
要运用timerEvent()需要在类中提前声明：
public: void timerEvent(QTimerEvent *);
此外，要产生timerEvent，就需要startTimer(dalaytime)方法，例如：
int eventID; eventID = startTimer(50);
第一例：单一动图展示
dialog.h文件：
class Dialog : public QDialog
{
Q_OBJECT
public:
Dialog(QWidget *parent = nullptr);
~Dialog();
void paintEvent(QPaintEvent *);
void timerEvent(QTimerEvent *);
int eventID;
int curIndex;
void InitPixmap();
private:
QPixmap pixmap[168];
Ui::Dialog *ui;
};头文件：
#include <QPainter> #include <QPixmap>
将资源放入InitPixmap函数中：
void Dialog::InitPixmap(){
for(int i=1;i<=168;i++){
QString fileName = QString(":/res/picture/1(%1).png").arg(i+1,3,10,QLatin1Char('0'));
QPixmap map(fileName);
pixmap[i] = map;
}
}":/res/picture/1(%1).png"为图片的资源路径，且此处图片的编号需统一。
arg中的参数为：
arg(变量的值, 位数, 进制, 位数不够时补位的数);
定时器事件：
void Dialog::timerEvent(QTimerEvent *){
curIndex++;
if(curIndex >= 168) { curIndex = 0; }
repaint();
}绘图函数：
void Dialog::paintEvent(QPaintEvent *){
QPainter painter(this);
QRect q(0,0,450,357);
QRect q2(50,50,450,357);
painter.drawPixmap(q2,pixmap[curIndex],q);
}关联函数：
Dialog::Dialog(QWidget *parent)
: QDialog(parent)
, ui(new Ui::Dialog)
{
ui->setupUi(this);
resize(600,600);
eventID = startTimer(50);
curIndex = 0;
InitPixmap();
}效果图：
第二例：分组动图展示
分组动图展示与单一动图展示大致相同，只是在绘图函数中将以放入的资源进行分组，将不同组图片同时不同位置输出。
dialog.h文件：
class Dialog : public QDialog
{
Q_OBJECT
public:
Dialog(QWidget *parent = nullptr);
~Dialog();
void paintEvent(QPaintEvent *);
void timerEvent(QTimerEvent *);
int eventID1;
int curIndex;
void InitPixmap();
private:
QPixmap pixmap[64];
Ui::Dialog *ui;
};头文件：
#include <QPainter> #include <QPixmap>
将资源放入InitPixmap函数中：
void Dialog::InitPixmap(){
for(int i=1;i<=64;i++){
QString fileName = QString(":/res/picture/1_%1.png").arg(i+1,2,10,QLatin1Char('0'));
QPixmap map(fileName);
pixmap[i] = map;
}
}定时器事件：
void Dialog::timerEvent(QTimerEvent *){
curIndex++;
if(curIndex >= 8) { curIndex = 0; }
repaint();
}绘图函数：
void Dialog::paintEvent(QPaintEvent *){
QPainter painter(this);
int i=0;i<8;i++){
QRect q(0,0,80,91);
QRect q2(2*80*i,100,2*80,2*91);
painter.drawPixmap(q2,pixmap[curIndex+8*i],q);
}
}关联函数：
Dialog::Dialog(QWidget *parent)
: QDialog(parent)
, ui(new Ui::Dialog)
{
ui->setupUi(this);
resize(2*91*8,1024);
eventID1 = startTimer(100);
curIndex = 0;
InitPixmap();
}效果图：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
自C++17起就通过使用类模板参数推导,只要编译器能根据初始值推导出所有模板参数,那么就可以不指明参数,下面我们就来看看C++17中类模板参数推导的具体使用吧2024-03-03
下面小编就为大家带来一篇详谈C++何时需要定义赋值/复制构造函数。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
对于多线程来说，这两个概念有很大部分是重叠的。对于很多人来说，它们的意思没有什么区别。其区别主要在于关注点和意图方面(差距甚微)。这两个词都是用来对硬件在同时执行多个任务的方式进行描述的术语，不过并行更加注重性能2023-02-02
这篇文章主要为大家详细介绍了用C语言实现三子棋，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
visual studio 将编译后的dll等文件自动复制到指定目录的方法
这篇文章主要介绍了visual studio 将编译后的dll等文件自动复制到指定目录,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-03-03
这篇文章主要为大家详细介绍了C语言实现飞机订票系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
今天小编就为大家分享一篇关于一元多项式加法运算，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-03-03
这篇文章主要介绍了C++实现管理系统的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
Boost是为C++语言标准库提供扩展的一些C++程序库的总称。Boost库是一个可移植、提供源代码的C++库，作为标准库的后备，是C++标准化进程的开发引擎之一，是为C++语言标准库提供扩展的一些C++程序库的总称2022-12-12
这篇文章主要给大家讲解轮转数组的问题，一个问题不局限于一种解法，希望你看了本文的解决方法以后可以举一反三自己编写，这样你的技术水平会有质的提高2022-04-04
最新评论