這一次將介紹如何使用Graphics View來實現前面所說的畫板。前面說了很多有關Graphics View的好話，但是沒有具體的實例很難說究竟好在哪裡。現在我們就把前面的內容使用Graphics View重新實現一下，大家可以對比一下看有什麼區別。
同前面相似的內容就不再敘述了，我們從上次代碼的基礎上進行修改，以便符合我們的需要。首先來看MainWindow的代碼：
mainwindow.cpp
#include "mainwindow.h" MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) { QToolBar *bar = this->addToolBar("Tools"); QActionGroup *group = new QActionGroup(bar); QAction *drawLineAction = new QAction("Line", bar); drawLineAction->setIcon(QIcon(":/line.png")); drawLineAction->setToolTip(tr("Draw a line.")); drawLineAction->setStatusTip(tr("Draw a line.")); drawLineAction->setCheckable(true); drawLineAction->setChecked(true); group->addAction(drawLineAction); bar->addAction(drawLineAction); QAction *drawRectAction = new QAction("Rectangle", bar); drawRectAction->setIcon(QIcon(":/rect.png")); drawRectAction->setToolTip(tr("Draw a rectangle.")); drawRectAction->setStatusTip(tr("Draw a rectangle.")); drawRectAction->setCheckable(true); group->addAction(drawRectAction); bar->addAction(drawRectAction); QLabel *statusMsg = new QLabel; statusBar()->addWidget(statusMsg); PaintWidget *paintWidget = new PaintWidget(this); QGraphicsView *view = new QGraphicsView(paintWidget, this); setCentralWidget(view); connect(drawLineAction, SIGNAL(triggered()), this, SLOT(drawLineActionTriggered())); connect(drawRectAction, SIGNAL(triggered()), this, SLOT(drawRectActionTriggered())); connect(this, SIGNAL(changeCurrentShape(Shape::Code)), paintWidget, SLOT(setCurrentShape(Shape::Code))); } void MainWindow::drawLineActionTriggered() { emit changeCurrentShape(Shape::Line); } void MainWindow::drawRectActionTriggered() { emit changeCurrentShape(Shape::Rect); }
由於mainwindow.h的代碼與前文相同，這裡就不再貼出。而cpp文件裡面只有少數幾行與前文不同。由於我們使用Graphics View，所以，我們必須把item添加到QGprahicsScene裡面。這裡，我們創建了scene的對象，而scene對象需要通過view進行觀察，因此，我們需要再使用一個QGraphcisView對象，並且把這個view添加到MainWindow裡面。
我們把PaintWidget當做一個scene，因此PaintWidget現在是繼承QGraphicsScene，而不是前面的QWidget。
paintwidget.h
#ifndef PAINTWIDGET_H #define PAINTWIDGET_H #include <QtGui> #include <QDebug> #include "shape.h" #include "line.h" #include "rect.h" class PaintWidget : public QGraphicsScene { Q_OBJECT public: PaintWidget(QWidget *parent = 0); public slots: void setCurrentShape(Shape::Code s) { if(s != currShapeCode) { currShapeCode = s; } } protected: void mousePressEvent(QGraphicsSceneMouseEvent *event); void mouseMoveEvent(QGraphicsSceneMouseEvent *event); void mouseReleaseEvent(QGraphicsSceneMouseEvent *event); private: Shape::Code currShapeCode; Shape *currItem; bool perm; }; #endif // PAINTWIDGET_H
paintwidget.cpp
#include "paintwidget.h" PaintWidget::PaintWidget(QWidget *parent) : QGraphicsScene(parent), currShapeCode(Shape::Line), currItem(NULL), perm(false) { } void PaintWidget::mousePressEvent(QGraphicsSceneMouseEvent *event) { switch(currShapeCode) { case Shape::Line: { Line *line = new Line; currItem = line; addItem(line); break; } case Shape::Rect: { Rect *rect = new Rect; currItem = rect; addItem(rect); break; } } if(currItem) { currItem->startDraw(event); perm = false; } QGraphicsScene::mousePressEvent(event); } void PaintWidget::mouseMoveEvent(QGraphicsSceneMouseEvent *event) { if(currItem && !perm) { currItem->drawing(event); } QGraphicsScene::mouseMoveEvent(event); } void PaintWidget::mouseReleaseEvent(QGraphicsSceneMouseEvent *event) { perm = true; QGraphicsScene::mouseReleaseEvent(event); }
我們把繼承自QWidget改成繼承自QGraphicsScene，同樣也會有鼠標事件，只不過在這裡我們把鼠標事件全部轉發給具體的item進行處理。這個我們會在下面的代碼中看到。另外一點是，每一個鼠標處理函數都包含了調用其父類函數的語句。
shape.h
#ifndef SHAPE_H #define SHAPE_H #include <QtGui> class Shape { public: enum Code { Line, Rect }; Shape(); virtual void startDraw(QGraphicsSceneMouseEvent * event) = 0; virtual void drawing(QGraphicsSceneMouseEvent * event) = 0; }; #endif // SHAPE_H
shape.cpp
#include "shape.h" Shape::Shape() { }
Shape類也有了變化：還記得我們曾經說過，Qt內置了很多item，因此我們不必全部重寫這個item。所以，我們要使用Qt提供的類，就不需要在我們的類裡面添加新的數據成員了。這樣，我們就有了不帶有額外的數據成員的Shape。那麼，為什麼還要提供Shape呢？因為我們在scene的鼠標事件中需要修改這些數據成員，如果沒有這個父類，我們就需要按照Code寫一個長長的switch來判斷是那一個圖形，這樣是很麻煩的。所以我們依然創建了一個公共的父類，只要調用這個父類的draw函數即可。
line.h
#ifndef LINE_H #define LINE_H #include <QGraphicsLineItem> #include "shape.h" class Line : public Shape, public QGraphicsLineItem { public: Line(); void startDraw(QGraphicsSceneMouseEvent * event); void drawing(QGraphicsSceneMouseEvent * event); }; #endif // LINE_H
line.cpp
#include "line.h" Line::Line() { } void Line::startDraw(QGraphicsSceneMouseEvent * event) { setLine(QLineF(event->scenePos(), event->scenePos())); } void Line::drawing(QGraphicsSceneMouseEvent * event) { QLineF newLine(line().p1(), event->scenePos()); setLine(newLine); }
Line類已經和前面有了變化，我們不僅僅繼承了Shape，而且繼承了QGraphicsLineItem類。這裡我們使用了C++的多繼承機制。這個機制是很危險的，很容易發生錯誤，但是這裡我們的Shape並沒有繼承其他的類，只要函數沒有重名，一般而言是沒有問題的。如果不希望出現不推薦的多繼承(不管怎麼說，多繼承雖然危險，但它是符合面向對象理論的)，那就就想辦法使用組合機制。我們之所以使用多繼承，目的是讓Line類同時具有Shape和QGraphicsLineItem的性質，從而既可以直接添加到QGraphicsScene中，又可以調用startDraw()等函數。
同樣的還有Rect這個類：
rect.h
#ifndef RECT_H #define RECT_H #include <QGraphicsRectItem> #include "shape.h" class Rect : public Shape, public QGraphicsRectItem { public: Rect(); void startDraw(QGraphicsSceneMouseEvent * event); void drawing(QGraphicsSceneMouseEvent * event); }; #endif // RECT_H
rect.cpp
#include "rect.h" Rect::Rect() { } void Rect::startDraw(QGraphicsSceneMouseEvent * event) { setRect(QRectF(event->scenePos(), QSizeF(0, 0))); } void Rect::drawing(QGraphicsSceneMouseEvent * event) { QRectF r(rect().topLeft(), QSizeF(event->scenePos().x() - rect().topLeft().x(), event->scenePos().y() - rect().topLeft().y())); setRect(r); }
Line和Rect類的邏輯都比較清楚，和前面的基本類似。所不同的是，Qt並沒有使用我們前面定義的兩個Qpoint對象記錄數據，而是在QGraphicsLineItem中使用QLineF，在QGraphicsRectItem中使用QRectF記錄數據。這顯然比我們的兩個點的數據記錄高級得多。其實，我們也完全可以使用這樣的數據結構去重定義前面那些Line之類。
這樣，我們的程序就修改完畢了。運行一下你會發現，幾乎和前面的實現沒有區別。這裡說“幾乎”，是在第一個點畫下的時候，scene會移動一段距離。這是因為scene是自動居中的，由於我們把Line的第一個點設置為(0, 0)，因此當我們把鼠標移動後會有一個偏移。
看到這裡或許並沒有顯示出Graphics View的優勢。不過，建議在Line或者Rect的構造函數裡面加上下面的語句，
setFlag(QGraphicsItem::ItemIsMovable, true); setFlag(QGraphicsItem::ItemIsSelectable, true);
此時，你的Line和Rect就已經支持選中和拖放了！值得試一試哦！不過，需要注意的是，我們重寫了scene的鼠標控制函數，所以這裡的拖動會很粗糙，甚至說是不正確，你需要動動腦筋重新設計我們的類啦！
本文出自 “豆子空間” 博客，請務必保留此出處http://devbean.blog.51cto.com/448512/244181
