基于Qt实现简易GIF播放器的示例代码

第基于Qt实现简易GIF播放器的示例代码目录一、项目介绍二、项目基本配置三、UI界面设计四、主程序实现4.1mainwindow.h头文件4.2mainwindow.cpp源文件五、效果演示

一、项目介绍

利用Qt设计一个简易GIF播放器，可以播放GIF动画。其基本功能有载入文件、播放、暂停、停止、快进和快退。

二、项目基本配置

新建一个Qt案例，项目名称为GIFTest，基类选择QMainWindow，创建UI界面复选框的选中状态，完成项目创建。

三、UI界面设计

UI界面如下：

界面中创建了8个控件，其名称和类型如下表所示：

序号名称类型属性①movieLabelQLabeltext:Nomovieloaded;

alignment:AlignCenter;

SizePolicy:Expanding;②frameLabelQLabeltext:Currentframe;③HorizontalSliderQSlidertickInterval:1④openQToolButton/⑤backQToolButton/⑥playQToolButton/⑦forwardQToolButton/⑧stopQToolButton/

四、主程序实现

4.1mainwindow.h头文件

首先，声明两个头文件：

#includeQFileDialog

#includeQMovie

然后声明若干个槽函数：

privateslots:

voidon_open_clicked();

voidon_play_clicked();

voidon_stop_clicked();

voidon_back_clicked();

voidon_frameSlider_valueChanged(intvalue);//进度条改变槽函数

voidon_forward_clicked();

voidupdateFrameSlider();//movie的进度条更新槽函数

声明三个私有变量：

private:

QStringcurrentMovieDirectory;//当前路径

QMovie*movie;

QStrings="播放";//对播放和暂停按钮进行切换

4.2mainwindow.cpp源文件

首先需要设置movie的缓存模式，这里我们要求当文件播放一遍后返回重新播放，所以使用CacheAll模式：

//新建movie

movie=newQMovie(this);

movie-setCacheMode(QMovie::CacheAll);//设置movie的缓存模式

然后设置movieLabel的背景颜色为Dark：

ui-movieLabel-setBackgroundRole(QPalette::Dark);

ui-movieLabel-setAutoFillBackground(true);//自动填充背景

首先要把图标文件xxx.png添加到生成的.pro根目录中去，然后右击movie，添加新文件，Qt资源文件，定位到根文件夹，命名为button，系统会自动生成.qrc文件。点击.qrc文件，在最下角前缀输入框将/new/prefix1改成/,然后点击添加，添加文件，将几个png文件选择添加，然后进行构建（小锤子），此时再点击.qrc就会看到png文件已经添加进来。

调用QPixmap将图片添加到button中，设置控件固定大小为30*30，setAutoRaise可以将button的外边框去除在鼠标滑过该button时会有浮出效果显示边框，这个效果比较好看。setToolTip函数可以使鼠标放在控件上时提示该控件可以执行的操作，代码如下：

//打开文件

ui-open-setIcon(QIcon(":img/open.png"));

ui-open-setIconSize(QSize(30,30));

ui-open-setAutoRaise(true);

ui-open-setToolTip("Openafile");//工具栏提示

//播放

ui-play-setIcon(QIcon(":img/run.png"));

ui-play-setIconSize(QSize(30,30));

ui-play-setAutoRaise(true);

ui-play-setToolTip("Play");//工具栏提示

////暂停

//ui-pause-setIcon(QIcon(":img/pause.png"));

//ui-pause-setAutoRaise(true);

//ui-pause-setIconSize(QSize(30,30));

//ui-pause-setToolTip("Pause");//工具栏提示

//停止

ui-stop-setIcon(QIcon(":img/stop.png"));

ui-stop-setIconSize(QSize(30,30));

ui-stop-setAutoRaise(true);

ui-stop-setToolTip("Stop");//工具栏提示

//后退

ui-back-setIcon(QIcon(":img/back.png"));

ui-back-setIconSize(QSize(30,30));

ui-back-setAutoRaise(true);

ui-back-setToolTip("SpeedDown");//工具栏提示

//前进

ui-forward-setIcon(QIcon(":img/forward.png"));

ui-forward-setIconSize(QSize(30,30));

ui-forward-setAutoRaise(true);

ui-forward-setToolTip("SpeedUp");//工具栏提示

最后，利用信号和槽将movie的帧改变与滑动条变化进行联系：

//movie的槽函数

connect(movie,SIGNAL(frameChanged(int)),this,SLOT(updateFrameSlider()));

然后定义五个按钮的槽函数：

首先是打开按钮槽函数，首先得打开的路径，QFileInfo(fileName).path()将记录第一次打开文件的路径，当打开文件后，movie就开始自动播放，同时将播放按钮图标修改为暂停：

//打开按钮槽函数

voidMainWindow::on_open_clicked()

QStringfileName=QFileDialog::getOpenFileName(this,"openafile",currentMovieDirectory);

if(!fileName.isEmpty()){

currentMovieDirectory=QFileInfo(fileName).path();

movie-stop();

ui-movieLabel-setMovie(movie);//将标签内容设置为movie

movie-setFileName(fileName);//设置文件名

movie-start();

//切换成暂停按钮

ui-play-setIcon(QIcon(":img/pause.png"));

ui-play-setIconSize(QSize(30,30));

ui-play-setAutoRaise(true);

ui-play-setToolTip("Pause");//工具栏提示

//s改为暂停

s="暂停";

然后是播放/暂停按钮槽函数：

//播放/暂停按钮槽函数

voidMainWindow::on_play_clicked()

if(s=="播放"){

movie-start();

/