Qt通过图片组绘制动态图片

2024-08-22 20:22:18

本文实例为大家分享了Qt通过图片组绘制动态图片的具体代码，供大家参考，具体内容如下

任务实现：

通过定时器的使用来依次调用资源文件中的静态图片文件，从而达到是图片中内容动起来的效果；

效果实现：

实现过程：

1.通过paintEvent（）函数进行每一张图片的导入平铺绘制；
2.通过timerEvent（）函数对每一张图片按照设定的时间进行重复的调用，从而达到动图的效果；
3.通过自定义InitPixmap（）函数来对每一张图片进行初始化，将其导入到Pixmap[ 64 ]组中；

整体代码：

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>

QT_BEGIN_NAMESPACE
namespace Ui { class Dialog; }
QT_END_NAMESPACE

class Dialog : public QDialog
{
  Q_OBJECT

public:
  Dialog(QWidget *parent = nullptr);
  ~Dialog();

  void paintEvent(QPaintEvent *event);

  void timerEvent(QTimerEvent *event);

  int curIndex;

  void InitPixmap();

private:

    QPixmap pixmap[64];
  Ui::Dialog *ui;
};
#endif // DIALOG_H

dialog.cpp

#include "dialog.h"
#include "ui_dialog.h"
#include <QPainter>
#include <QPixmap>

Dialog::Dialog(QWidget *parent)
  : QDialog(parent)
  , ui(new Ui::Dialog)
{
  ui->setupUi(this);
  resize(160,182);
  startTimer(100);
  curIndex = 0;

  InitPixmap();
}

Dialog::~Dialog()
{
  delete ui;
}

void Dialog::paintEvent(QPaintEvent *event)
{

  QPainter painter(this);
  QRect q(0,0,80,91);
  QRect q2(0,0,2*80,2*91);

  painter.drawPixmap(q2,pixmap[curIndex],q);

}

void Dialog::timerEvent(QTimerEvent *event)
{

  curIndex++;
  if(curIndex>=64)
  {
    curIndex=0;
  }

  repaint();
}

void Dialog::InitPixmap()
{

  for(int i=0;i<64;i++)
  {
    QString filename = QString(":/Res/Resourse/1_%1.png").arg(i+1,2,10,QLatin1Char('0'));
    QPixmap map(filename);

    pixmap[i]=map;
  }

}

调用过程

1.通过InitPixmap（）函数将六十四张图片保存在Pixmap数组中；
2.通过paintEvent（）函数依次调用图片；
3.通过timerEvent（）函数来设定调用的循环；
4在主函数中通过定时器设定调用间隔为100ms；

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Qt实现图片移动实例(图文教程)

这学期实训的时候用MFC做过一个飞机大战,很无聊的东西,一直想用Qt做一个,但是在学校的时候比较颓,回来看了一下. 首先需要解决的问题是图片的移动,怎么说飞机啊子弹啊都是动着的,图片当然要跑起来. 闲话休絮,首先用QtCreator新建一个QtGui程序,命名为PaintWidget,随便起的名字,实验么这不是. 会生成这三个文件,其中呢ui不用管,实验的图片移动需要用的是Event,不是信号槽,所以ui就不管了,放了那就是. 第一步要把图片画出来,参照<Qt学习之路的这段代码>,不难把图画出
Qt通过图片组绘制动态图片

本文实例为大家分享了Qt通过图片组绘制动态图片的具体代码,供大家参考,具体内容如下任务实现: 通过定时器的使用来依次调用资源文件中的静态图片文件,从而达到是图片中内容动起来的效果: 效果实现: 实现过程: 1.通过paintEvent()函数进行每一张图片的导入平铺绘制: 2.通过timerEvent()函数对每一张图片按照设定的时间进行重复的调用,从而达到动图的效果: 3.通过自定义InitPixmap()函数来对每一张图片进行初始化,将其导入到Pixmap[ 64 ]组中: 整体代码: d
PHP判断一个gif图片是否为动态图片的方法

本文实例讲述了PHP判断一个gif图片是否为动态图片的方法.分享给大家供大家参考.具体方法如下: 如何使用PHP来判断一个gif图片是否为动态图片(动画)?首先想到的是使用getimagesize()函数来看type值,发现都是gif,所以这个办法是不可行的.下面是作者在网上看到的一个函数,用来判断gif是否为动图的.贴出来和大家分享例子如下: 复制代码代码如下: /* * 判断图片是否为动态图片(动画) */ function isAnimatedGif($filename) { $
java实现动态图片效果

本文实例为大家分享了java实现动态图片效果,供大家参考,具体内容如下源码 package forGame; import javax.imageio.ImageIO; import javax.swing.*; import java.awt.*; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; //动态效果 public class Demo_1 extends JF
Java将图片组合成PDF文件的方法

本文实例为大家分享了Java将图片组合成PDF文件的具体代码,供大家参考,具体内容如下程序界面图: 代码清单: package 将图片组合成PDF文件; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.io.File; import java.io.FileFilter; import java.io.FileOutputStream; import java.io.IOE
使用p5.js临摹动态图片

本文实例为大家分享了p5.js临摹动态图片的具体代码,供大家参考,具体内容如下 1.临摹图片 2.图像运动规律原图中一共有36个等大的四分之三圆形,按照一定的规律转动,可以等效为圆形不动,每个圆上有以其半径为边长的矩形在绕圆形的原点转动,每四个为一组,其他部分都是在重复这四个的转动规律 3.完整代码 function setup() { createCanvas(402,402); } function draw() { background(0); var dx=0; dx+=PI/180;
PHP使用GIFEncoder类生成的GIF动态图片验证码

相信很多人都想过如何用PHP生成GIF动画来实现动态图片验证码,以下是实现过程. ImageCode函数通过GIFEncoder类实现的GIF动画的PHP源代码,有兴趣的朋友可以研究一下. 效果如图: 复制代码代码如下: /** * ImageCode 生成GIF图片验证 * @param $string 字符串 * @param $width 宽度 * @param $height 高度 * */ function ImageCode($string = '', $w
Android编程绘制圆形图片的方法

本文实例讲述了Android编程绘制圆形图片的方法.分享给大家供大家参考,具体如下: 效果图如下: 第一步:新建RoundView自定义控件继承View package com.rong.activity; import com.rong.test.R; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.grap
android绘制圆形图片的两种方式示例

android绘制圆形图片的两种方式看下效果先下面有完整的示例代码使用BitmapShader(着色器) 我们在绘制view 的时候就是小学上美术课用水彩笔在本子上画画使用着色器绘制圆形图片最简单的理解方式就是把bitmap当做一种颜色设置给paint ,paint都已经有颜色了你想让它方了,圆了,扁了还不是看你心情 canvas调用那个方法咯实现的大致思路如下: 1. 创建一个类继承imageView 重写onDraw() 2. 获取到bitmap图片 3. 计算图片的
jquery实现鼠标滑过后动态图片提示效果实例

本文实例讲述了jquery实现鼠标滑过后动态图片提示效果.分享给大家供大家参考.具体如下: 这里jquery实现的鼠标悬停图片提示效果,把鼠标放在图片上的时候,图片向右上角滑动并缩小,同时提示显示出来,类似幻灯片一样的效果,推荐给大家学习借鉴. 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <head> <title>jQuery图片动态信息显示幻灯效果</title> <style> .galleryContainer {
jquery使用ColorBox弹出图片组浏览层实例演示

本示例使用Jquery的ColorBox插件弹出图片组浏览层.效果预览网址:http://www.keleyi.com/keleyi/phtml/colorbox/ 以下是本效果的完整代码,将以下代码保存到html文件,打开即可预览效果. 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra

Qt通过图片组绘制动态图片

相关推荐

随机推荐