這學(xué)期實訓(xùn)的時候用MFC做過一個飛機大戰(zhàn)，很無聊的東西，一直想用Qt做一個，但是在學(xué)校的時候比較頹，回來看了一下。
首先需要解決的問題是圖片的移動，怎么說飛機啊子彈啊都是動著的，圖片當(dāng)然要跑起來。
閑話休絮，首先用QtCreator新建一個QtGui程序，命名為PaintWidget，隨便起的名字，實驗么這不是。
會生成這三個文件，其中呢ui不用管，實驗的圖片移動需要用的是Event，不是信號槽，所以ui就不管了，放了那就是。
第一步要把圖片畫出來，參照《Qt學(xué)習(xí)之路的這段代碼》，不難把圖畫出來，就是重寫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);
}
這是他的結(jié)果
問題是如何使用圖片資源：
在《C++ GUI Qt4 編程 （第二版）》這本書中有例子，直接搜這本書的源代碼，在src\chap04有發(fā)現(xiàn)，原來Qt引用資源是用的資源文件這個東西，是一個xml，QtCreator中很方便管理。
首先是在項目中添加文件，選擇Qt的資源文件：
因為以后可能有很多圖片，所以我在工程目錄下新建了img這么個文件夾來存放圖片。
生成的資源文件里面有個添加前綴，這個是qt中引用資源需要用的，后面再說，添加文件不用啰嗦了。
為了方便說明，先把源代碼發(fā)上來
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坐標(biāo)的值會改變，矩形信息會改變，而繪圖函數(shù)里面有個根據(jù)矩形信息和圖片指針繪制函數(shù)的這么一個函數(shù)
painter.drawPixmap(*catImgRect,*catImg);
為了方便起見，用catImgRect來存儲這些信息。
而int shrinkMultiple;這個是圖片的縮放倍數(shù)，我貓的圖片有點兒大，把他縮小了一下，當(dāng)然可以沒有
這個int speed;則是圖片移動的像素數(shù)
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;
}
首先看構(gòu)造函數(shù)，其中
catImg=new QPixmap(":/img/cat.jpg");
這里是引用資源文件，:/img/cat.jpg，冒號后面的第一個斜杠就是剛剛加的前綴。
下面幾行是縮小貓的圖片和初始化貓矩形信息，最后一行是把程序窗口大小設(shè)這為貓圖片大小的4倍。
畫圖函數(shù)就是paintEvent這個函數(shù)，沒什么特別說的，這個函數(shù)只要是窗口一被重繪就會調(diào)用的。
關(guān)鍵的移動就是重寫
voidMainWindow::keyPressEvent(QKeyEvent*event)
這個函數(shù)，沒什么特別說明的，出了最后一行
this->repaint();
只要是鍵盤被按下，則重繪窗口，如果沒有這個函數(shù)的話，貓矩形確實變了，但是圖片的位置沒有變化，除非等到重繪的時候才會調(diào)用paintEvent函數(shù)，什么時候重繪的，當(dāng)這部分窗口被遮蔽，最大化最小化，窗口移動的時候（可能還有），repaint函數(shù)的作用是立即重繪，所以圖片就能馬上移動了。
圖片移動是沒有問題了，關(guān)鍵是不是很流暢，當(dāng)時用MFC的時候是用定時器來解決的這個問題，Qt中也有定時器，改天再研究，不過可能會出現(xiàn)問題，就是窗口閃爍的問題，這個時候應(yīng)該會用到雙緩沖畫圖的技術(shù)。
貼個最終的圖片
