脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → 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++ 引人了类模板的概念，编译器从类模板可以自动生成多个类，避免了程序员的重复劳动
    2022-04-04
  • C语言基础双指针移除元素解法

    C语言基础双指针移除元素解法

    这篇文章介绍了C语言基础双指针移除元素的解法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-12-12
  • 学习二维动态数组指针做矩阵运算的方法

    学习二维动态数组指针做矩阵运算的方法

    这片文章介绍了如何利用二维动态数组指针做矩阵运算,需要的朋友可以参考下
    2015-07-07
  • 基于MFC实现贪吃蛇小游戏

    基于MFC实现贪吃蛇小游戏

    这篇文章主要为大家详细介绍了基于MFC实现贪吃蛇小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-07-07
  • C语言实现文件读写操作

    C语言实现文件读写操作

    这篇文章主要为大家详细介绍了C语言实现文件读写操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • C语言实现高精度加减法

    C语言实现高精度加减法

    这篇文章主要为大家详细介绍了C语言实现高精度加减法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-05-05
  • 用C语言实现简单扫雷游戏

    用C语言实现简单扫雷游戏

    这篇文章主要为大家详细介绍了用C语言实现简单扫雷游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-07-07
  • 浅析Boost智能指针:scoped_ptr shared_ptr weak_ptr

    浅析Boost智能指针:scoped_ptr shared_ptr weak_ptr

    虽然通过弱引用指针可以有效的解除循环引用，但这种方式必须在程序员能预见会出现循环引用的情况下才能使用，也可以是说这个仅仅是一种编译期的解决方案，如果程序在运行过程中出现了循环引用，还是会造成内存泄漏的
    2013-09-09
  • c语言实现24小时制转换为12小时制示例

    c语言实现24小时制转换为12小时制示例

    这篇文章主要介绍了c语言实现24小时制转换为12小时制示例,需要的朋友可以参考下
    2014-04-04
  • C语言数组快速入门详细讲解

    C语言数组快速入门详细讲解

    数组是一组有序的数据的集合，数组中元素类型相同，由数组名和下标唯一地确定，数组中数据不仅数据类型相同，而且在计算机内存里连续存放，地址编号最低的存储单元存放数组的起始元素，地址编号最高的存储单元存放数组的最后一个元素
    2022-05-05

最新评论