脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → C 语言 → Qt图片移动

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

 更新时间：2013年01月25日 16:14:27   作者：  
这学期实训的时候用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 编程 （第二版）》这本书中有例子，直接搜这本书的源代码，在src\chap04有发现，原来Qt引用资源是用的资源文件这个东西，是一个xml，QtCreator中很方便管理。

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

  

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

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

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

mainwindow.h 

复制代码 代码如下:

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QtGui>

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

首先看构造函数，其中
复制代码 代码如下:

catImg=new QPixmap(":/img/cat.jpg");

这里是引用资源文件，:/img/cat.jpg，冒号后面的第一个斜杠就是刚刚加的前缀。

下面几行是缩小猫的图片和初始化猫矩形信息，最后一行是把程序窗口大小设这为猫图片大小的4倍。

画图函数就是paintEvent这个函数，没什么特别说的，这个函数只要是窗口一被重绘就会调用的。

关键的移动就是重写

复制代码 代码如下:

voidMainWindow::keyPressEvent(QKeyEvent*event)

这个函数，没什么特别说明的，出了最后一行
复制代码 代码如下:

this->repaint();

只要是键盘被按下，则重绘窗口，如果没有这个函数的话，猫矩形确实变了，但是图片的位置没有变化，除非等到重绘的时候才会调用paintEvent函数，什么时候重绘的，当这部分窗口被遮蔽，最大化最小化，窗口移动的时候（可能还有），repaint函数的作用是立即重绘，所以图片就能马上移动了。

图片移动是没有问题了，关键是不是很流畅，当时用MFC的时候是用定时器来解决的这个问题，Qt中也有定时器，改天再研究，不过可能会出现问题，就是窗口闪烁的问题，这个时候应该会用到双缓冲画图的技术。

贴个最终的图片
您可能感兴趣的文章:

相关文章

  • C语言数据结构之判断循环链表空与满

    C语言数据结构之判断循环链表空与满

    这篇文章主要介绍了C语言数据结构之判断循环链表空与满的相关资料,希望通过本文能帮助到大家，让大家掌握这部分内容，需要的朋友可以参考下
    2017-10-10
  • 仿现代C++智能指针实现引用计数

    仿现代C++智能指针实现引用计数

    这篇文章主要为大家详细介绍了如何仿现代C++智能指针实现引用计数,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以了解下
    2024-03-03
  • 一文总结C++中的异常

    一文总结C++中的异常

    异常是一种处理错误的方式,当一个函数发现自己无法处理的错误时就可以抛出异常,让函数的直接或间接调用者处理这个错误,本文给大家总结了C++中的异常,需要的朋友可以参考下
    2023-10-10
  • C++中的Qt QTableView详解

    C++中的Qt QTableView详解

    这篇文章主要介绍了Qt QTableView详解,主要包括常用接口，设置item属性，右键弹出菜单，结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-03-03
  • C语言版飞机大战游戏

    C语言版飞机大战游戏

    这篇文章主要为大家详细介绍了C语言版飞机大战游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • C语言实现停车场管理系统

    C语言实现停车场管理系统

    这篇文章主要为大家详细介绍了C语言实现停车场管理系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-11-11
  • c/c++语言位域注意事项分析

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

    所谓“位域”是把一个字节中的二进位划分为几个不同的区域， 并说明每个区域的位数。每个域有一个域名，答应在程序中按域名进行操作
    2013-09-09
  • C++初始化函数列表详细解析

    C++初始化函数列表详细解析

    C++可以定义引用类型的成员变量，引用类型的成员变量必须在构造函数的初始化列表中进行初始化
    2013-09-09
  • C/C++中宏定义(#define)

    C/C++中宏定义(#define)

    #define命令是C语言中的一个宏定义命令，它用来将一个标识符定义为一个字符串，该标识符被称为宏名，被定义的字符串称为替换文本。接下拉通过本文给大家分享C/C++中宏定义(#define)知识，需要的朋友参考下
    2017-02-02
  • 浅析C++如何跨模块释放内存

    浅析C++如何跨模块释放内存

    这篇文章主要为大家详细介绍了C++中跨模块释放内存的相关知识,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以了解下
    2024-02-02

最新评论