Qt基于定时器实现动图展示效果

 更新时间:2020年06月16日 10:09:34   作者:(^0^)陌路  
这篇文章主要为大家详细介绍了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语言数据结构之线索二叉树及其遍历

    C语言数据结构之线索二叉树及其遍历

    这篇文章主要介绍了C语言数据结构之线索二叉树及其遍历的相关资料,为了加快查找节点的前驱和后继。对二叉树的线索化就是对二叉树进行一次遍历,在遍历的过程中检测节点的左右指针是否为空,如果是空,则将他们改为指向前驱和后继节点的线索,需要的朋友可以参考下
    2017-08-08
  • C语言实现贪吃蛇代码

    C语言实现贪吃蛇代码

    这篇文章主要为大家详细介绍了C语言实现贪吃蛇代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • C语言实现简单的文本编辑器

    C语言实现简单的文本编辑器

    这篇文章主要为大家详细介绍了C语言实现简单的文本编辑器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • C++/C 回文字符串的实例详解

    C++/C 回文字符串的实例详解

    这篇文章主要介绍了C++ 回文字符串的实例详解的相关资料,需要的朋友可以参考下
    2017-07-07
  • c/c++语言位域注意事项分析

    c/c++语言位域注意事项分析

    所谓“位域”是把一个字节中的二进位划分为几个不同的区域, 并说明每个区域的位数。每个域有一个域名,答应在程序中按域名进行操作
    2013-09-09
  • 老生常谈C++的单例模式与线程安全单例模式(懒汉/饿汉)

    老生常谈C++的单例模式与线程安全单例模式(懒汉/饿汉)

    下面小编就为大家带来一篇老生常谈C++的单例模式与线程安全单例模式(懒汉/饿汉)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • 如何利用C语言实现最简单的HTTP服务器详解

    如何利用C语言实现最简单的HTTP服务器详解

    这篇文章主要给大家介绍了关于如何利用C语言实现最简单的HTTP服务器的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用C语言具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-11-11
  • 详解散列表算法与其相关的C语言实现

    详解散列表算法与其相关的C语言实现

    这篇文章主要介绍了详解散列表算法与其相关的C语言实现,平时经常出现于各大考试竞赛与程序员面试题目当中,需要的朋友可以参考下
    2015-08-08
  • 用C语言判断字符是否为空白字符或特殊字符的方法

    用C语言判断字符是否为空白字符或特殊字符的方法

    这篇文章主要介绍了用C语言判断字符是否为空白字符或特殊字符的方法,分别为isspace()函数的使用和ispunct()函数的使用,需要的朋友可以参考下
    2015-08-08
  • 通过“回文字算法”复习C++语言

    通过“回文字算法”复习C++语言

    这篇文章主要介绍了通过“回文字算法”复习C++语言的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10

最新评论