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

当前位置: 编程技术>c/c++/嵌入式

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

来源: 互联网发布时间：2014-10-12

本文导语: 这学期实训的时候用MFC做过一个飞机大战，很无聊的东西，一直想用Qt做一个，但是在学校的时候比较颓，回来看了一下。首先需要解决的问题是图片的移动，怎么说飞机啊子弹啊都是动着的，图片当然要跑起来。闲话休絮，...

这学期实训的时候用MFC做过一个飞机大战，很无聊的东西，一直想用Qt做一个，但是在学校的时候比较颓，回来看了一下。

首先需要解决的问题是图片的移动，怎么说飞机啊子弹啊都是动着的，图片当然要跑起来。

闲话休絮，首先用QtCreator新建一个QtGui程序，命名为PaintWidget，随便起的名字，实验么这不是。

会生成这三个文件，其中呢ui不用管，实验的图片移动需要用的是Event，不是信号槽，所以ui就不管了，放了那就是。

第一步要把图片画出来，参照《Qt学习之路的这段代码》，不难把图画出来，就是重写paintEvent方法，用QPainter对象来画图。

代码如下:

 
void　 PaintedWidget::paintEvent(QPaintEvent　*event)　 
{　 
　　　　　　　　QPainter 　painter(this);　 
　　　　　　　　QPixmap　pixmap("Cat.png");　 
　　　　　　　　 QBitmap　bitmap("Cat.png");　 
　　　　　　　　painter.drawPixmap(10,　10,　128,　 128,　pixmap);　 
　　　　　　　　painter.drawPixmap(140,　10,　128,　128,　bitmap); 　 
　　　　　　　　QPixmap　pixmap2("Cat2.png");　 
　　　　　　　　QBitmap　 bitmap2("Cat2.png");　 
　　　　　　　　painter.drawPixmap(10,　140,　128,　128,　 pixmap2);　 
　　　　　　　　painter.drawPixmap(140,　140,　128,　128,　bitmap2);　 
} 

这是他的结果

问题是如何使用图片资源：

在《C++ GUI Qt4 编程（第二版）》这本书中有例子，直接搜这本书的源代码，在srcchap04有发现，原来Qt引用资源是用的资源文件这个东西，是一个xml，QtCreator中很方便管理。

首先是在项目中添加文件，选择Qt的资源文件：

因为以后可能有很多图片，所以我在工程目录下新建了img这么个文件夹来存放图片。

生成的资源文件里面有个添加前缀，这个是qt中引用资源需要用的，后面再说，添加文件不用啰嗦了。

为了方便说明，先把源代码发上来

mainwindow.h

代码如下:

 
#ifndef MAINWINDOW_H 
#define MAINWINDOW_H 

#include  

namespace Ui { 
class MainWindow; 
} 

class MainWindow : public QMainWindow 
{ 
Q_OBJECT 

public: 
explicit MainWindow(QWidget *parent = 0); 
~MainWindow(); 
protected: 
void paintEvent (QPaintEvent *event); 
void mouseMoveEvent(QMouseEvent *event); 
void keyPressEvent(QKeyEvent *event); 

private: 
Ui::MainWindow *ui; 
QPixmap *catImg; 
QRect *catImgRect; 

protected: 
int shrinkMultiple; 
int speed; 
}; 

#endif // MAINWINDOW_H 

其中 QPixmap*catImg;就是图片对象的指针，因为我的图片是一直猫，所用就起了这么个名字。

QRect*catImgRect;是这个图片的矩形信息，以为图片移动的时候图片的x,y坐标的值会改变，矩形信息会改变，而绘图函数里面有个根据矩形信息和图片指针绘制函数的这么一个函数

painter.drawPixmap(*catImgRect,*catImg);

为了方便起见，用catImgRect来存储这些信息。

而int shrinkMultiple;这个是图片的缩放倍数，我猫的图片有点儿大，把他缩小了一下，当然可以没有

这个int speed;则是图片移动的像素数

ok，下面是mainwindow.cpp

代码如下:

 
#include "mainwindow.h" 
#include "ui_mainwindow.h" 

MainWindow::MainWindow(QWidget *parent) : 
QMainWindow(parent), 
ui(new Ui::MainWindow), 
shrinkMultiple(2),speed(10) 
{ 
ui->setupUi(this); 
catImg = new QPixmap(":/img/cat.jpg"); 
int width = catImg->width () / shrinkMultiple; 
int height = catImg->height () / shrinkMultiple; 
catImgRect = new QRect(10,10,width,height); 
QRect rect = this->geometry (); 
rect.setWidth (width*4); 
rect.setHeight (height*4); 
rect.setX (20); 
rect.setY (50); 
this->setGeometry (rect); 
} 
void MainWindow::paintEvent (QPaintEvent *event) 
{ 
QPainter painter(this); 
painter.drawPixmap(*catImgRect,*catImg); 
} 
void MainWindow::mouseMoveEvent(QMouseEvent *event) 
{ 
} 
void MainWindow::keyPressEvent(QKeyEvent *event) 
{ 
int width = catImgRect->width (); 
int height = catImgRect->height (); 
switch(event->key ()) 
{ 
case Qt::Key_Left: 
{ 

catImgRect->setX (catImgRect->x ()-speed); 

break; 
} 
case Qt::Key_Right: 
{ 
catImgRect->setX (catImgRect->x ()+speed); 
break; 
} 
case Qt::Key_Down: 
{ 
catImgRect->setY (catImgRect->y ()+speed); 
break; 
} 
case Qt::Key_Up: 
{ 
catImgRect->setY (catImgRect->y ()-speed); 
break; 
} 
} 
catImgRect->setHeight(height); 
catImgRect->setWidth (width); 
this->repaint (); 

} 
MainWindow::~MainWindow() 
{ 
delete catImg; 
delete catImgRect; 
delete ui; 
} 