腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

Qt基于定時(shí)器實(shí)現(xiàn)動(dòng)圖展示效果

更新時(shí)間：2022年08月04日 15:24:53 作者：(^0^)陌路

這篇文章主要為大家詳細(xì)介紹了Qt基于定時(shí)器實(shí)現(xiàn)簡(jiǎn)單動(dòng)圖展示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Qt基于定時(shí)器實(shí)現(xiàn)動(dòng)圖展示的具體代碼，供大家參考，具體內(nèi)容如下

總體概述

（1）總體介紹

動(dòng)圖展示主要是將已有的動(dòng)圖逐幀圖片連續(xù)輸出，達(dá)到視覺上的動(dòng)態(tài)圖效果，本次介紹兩例，分別為單一動(dòng)圖和分組動(dòng)圖。

主要原理是設(shè)置一個(gè)定時(shí)器，然后隨設(shè)置的秒數(shù)將資源中的逐幀圖片輸出，讓圖片連續(xù)變化。

（2）素材獲得途徑

關(guān)于素材來源，可以到網(wǎng)站下載現(xiàn)成的逐幀圖片素材包，也可以找到自己喜歡的動(dòng)態(tài)圖，通過軟件（如：愛奇藝萬能播放器）將動(dòng)圖逐幀保存得到素材。

（注意：不論通過哪種方式獲得素材，都需要使圖片的序號(hào)格式一致）

（3）通用函數(shù)介紹

①繪圖函數(shù)

Qt中的paintEvent()函數(shù)是一個(gè)用于繪制圖形的函數(shù)，這個(gè)函數(shù)需要添加頭文件：

#include <QPainter>

同時(shí)paintEvent()函數(shù)需要在dialog.h文件中提前聲明：

public:
 void paintEvent(QPaintEvent *);

需要注意的是，此函數(shù)不能主動(dòng)調(diào)用，且不能把我們需要的繪圖程序?qū)懺诖撕瘮?shù)外面。

②定時(shí)器事件

定時(shí)器事件主要用到timerEvent()，timerEvent是QDbejct所內(nèi)置的事件，所有繼承QDbejct的類都可以使用。
要運(yùn)用timerEvent()需要在類中提前聲明：

public:
 void timerEvent(QTimerEvent *);

此外，要產(chǎn)生timerEvent，就需要startTimer(dalaytime)方法，例如：

int eventID;
 eventID = startTimer(50);

第一例：單一動(dòng)圖展示

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函數(shù)中：

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"為圖片的資源路徑，且此處圖片的編號(hào)需統(tǒng)一。

arg中的參數(shù)為：

arg(變量的值, 位數(shù), 進(jìn)制, 位數(shù)不夠時(shí)補(bǔ)位的數(shù));

定時(shí)器事件：

void Dialog::timerEvent(QTimerEvent *){
 curIndex++;
 if(curIndex >= 168) { curIndex = 0; }
 repaint();
}

繪圖函數(shù)：

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);
}

關(guān)聯(lián)函數(shù)：

Dialog::Dialog(QWidget *parent)
 : QDialog(parent)
 , ui(new Ui::Dialog)
{
 ui->setupUi(this);

 resize(600,600);

 eventID = startTimer(50);

 curIndex = 0;
 InitPixmap();
}

效果圖：

第二例：分組動(dòng)圖展示

分組動(dòng)圖展示與單一動(dòng)圖展示大致相同，只是在繪圖函數(shù)中將以放入的資源進(jìn)行分組，將不同組圖片同時(shí)不同位置輸出。