Qt Graphics View Framework

Graphics View Framework

現(xiàn)在基本上也已經(jīng)到了2D 繪圖部分的尾聲，所謂重頭戲都是在最后壓軸的，現(xiàn)在我們就要來看看在繪圖部分功能最強大的 Graphics View。我們經(jīng)常說 KDE 桌面，新版本的 KDE 桌面就是建立在 Graphics View 的基礎(chǔ)之上，可見其強大之處。

Qt 的白皮書里面這樣寫道：“Qt Graphics View 提供了用于管理和交互大量定制的 2D 圖形對象的平面以及可視化顯示對象的視圖 widget，并支持縮放和旋轉(zhuǎn)功能。Graphics View 使用 BSP（二進制空間劃分）樹形可非?？焖俚卣业綄ο?，因此即使是包含百萬個對象的大型場景，也能實時圖形化顯示。”

Graphics View 是一個基于 item 的 M-V 架構(gòu)的框架。

基于 item 意思是，它的每一個組件都是一個 item。這是與 QPainter 的狀態(tài)機不同。回憶一下，使用 QPainter 繪圖多是采用一種面向過程的描述方式，首先使用 drawLine()畫一條直線，然后使用drawPolygon()畫一個多邊形；而對于 Graphics View 來說，相同的過程可以是，首先創(chuàng)建一個場景scene，然后創(chuàng)建一個 line 對象和一個 polygon 對象，再使用 scene 的 add()函數(shù)將 line 和polygon 添加到 scene，最后通過視口 view 就可以看到了。乍看起來，后者似乎更加復(fù)雜，但是，如果你的圖像中包含了成千上萬的直線、多邊形之類，管理這些對象要比管理 QPainter 的 draw 語句容易得多。并且，這些圖形對象也更加符合面向?qū)ο蟮脑O(shè)計要求：一個很復(fù)雜的圖形可以很方便的復(fù)用。

M-V 架構(gòu)的意思是，Graphics View 提供一個 model 和一個 view。所謂 model 就是我們添加的種種對象，所謂 view 就是我們觀察這些對象的視口。同一個 model 可以由很多 view 從不同的角度進行觀察，這是很常見的需求。使用 QPainter 就很難實現(xiàn)這一點，這需要很復(fù)雜的計算，而 Qt 的Graphics View 就可以很容易的實現(xiàn)。

Graphics View 提供了一個 QGraphicsScene 作為場景，即是我們添加圖形的空間，相當于整個世界；一個 QGraphicsView 作為視口，也就是我們觀察的窗口，相當于照相機的取景框，這個取景框可以覆蓋整個場景，也可以是場景的一部分；一些 QGraphicsItem 作為圖形元件，以便 scene 添加，Qt 內(nèi)置了很多圖形，比如 line、polygon 等，都是繼承自 QGraphicsItem。

下面我們來看一下代碼：

#include <QtGui> 

class DrawApp : public QWidget { 
public: 
        DrawApp(); 
protected: 
        void paintEvent(QPaintEvent *event); 
}; 

DrawApp::DrawApp() 
{ 

} 

void DrawApp::paintEvent(QPaintEvent *event) 
{ 
        QPainter painter(this); 
        painter.drawLine(10, 10, 150, 300); 
} 

int main(int argc, char *argv[]) 
{ 
        QApplication a(argc, argv); 
        QGraphicsScene *scene = new QGraphicsScene; 
        scene->addLine(10, 10, 150, 300); 
        QGraphicsView *view = new QGraphicsView(scene); 
        view->resize(500, 500); 
        view->setWindowTitle("Graphics View"); 
        view->show(); 

        DrawApp *da = new DrawApp; 
        da->resize(500, 500); 
        da->setWindowTitle("QWidget"); 
        da->show(); 
        return a.exec(); 
}

為了突出重點，我們就直接 include 了 QtGui，不過在實際應(yīng)用中不建議這么做。這里提供了直線的兩種實現(xiàn)：一個是 DrawApp 使用我們前面介紹的技術(shù)，重寫 paintEvent()函數(shù)，這里就不在贅述，重點來看 main()函數(shù)里面的實現(xiàn)。

首先，我們創(chuàng)建了一個 QGraphicsScene 作為場景，然后在 scene 中添加了一個直線，這樣就把我們需要的圖形元件放到了 scene 中。然后創(chuàng)建一個 QGraphicsView 對象進行觀察。就這樣，我們就是用 Graphics View 搭建了一個最簡單的應(yīng)用。運行這個程序來看結(jié)果：

第一張圖是 Graphics View 的，第二個是 DrawApp 的。雖然這兩個直線是同樣的坐標，但是，DrawApp 按照原始坐標繪制出了直線，而 Graphics View 則按照坐標繪制出直線之后，自動將直線居中顯示在 view 視口。你可以通過拖動 Graphics View 來看直線是一直居中顯示的。

這里僅僅是一個很簡單的對比，不過你已經(jīng)可以看到 Graphics View 功能的強大。僅這一個居中的操作，如果你是用 QPainter，就需要很大的計算量了！當然，如果你不需要這種居中，Graphics View也是可以像 QPainter 繪制的一樣進行顯示的。

本文出自 “豆子空間” 博客，請務(wù)必保留此出處 http://devbean.blog.51cto.com/448512/194031