文章目錄

• 簡述
• 場(chǎng)景
• 視圖
• • 代碼
  • 效果
• 圖形項(xiàng)
• • 代碼
• 參考

簡述

在前面講的基本繪圖中，我們可以自己繪制各種圖形，并且控制它們。但是，如果需要同時(shí)繪制很多個(gè)相同或不同的圖形，并且要控制它們的移動(dòng)、檢測(cè)它們的碰撞和疊加；或者我們想讓自己繪制的圖形可以拖動(dòng)位置、進(jìn)行縮放和旋轉(zhuǎn)等操作。實(shí)現(xiàn)這些功能，要是還使用以前的方法，那么會(huì)十分困難。解決這些問題，可以使用Qt提供的圖形視圖框架。

圖形視圖框架提供了一個(gè)基于圖形項(xiàng)的模型視圖編程方法，主要由場(chǎng)景、視圖、和圖形項(xiàng)三部分組成，這三部分QGraphicsScene、QGraphicsView和QGraphicsItem這三個(gè)類來表示，多個(gè)視圖可以查看一個(gè)場(chǎng)景，場(chǎng)景中包含各種各樣幾何形狀的圖形項(xiàng)。

場(chǎng)景

視圖

代碼

#include <QApplication>
#include <QGraphicsScene>
#include <QGraphicsRectItem>
#include <QDebug>
#include <QGraphicsView>int main(int argc,char* argv[ ])
{QApplication app(argc,argv);// 新建場(chǎng)景QGraphicsScene scene;// 創(chuàng)建矩形圖形項(xiàng)QGraphicsRectItem *item = new QGraphicsRectItem(0, 0, 100, 100);// 將圖形項(xiàng)添加到場(chǎng)景中scene.addItem(item);// 輸出(50, 50)點(diǎn)處的圖形項(xiàng)qDebug() << scene.itemAt(50, 50, QTransform());// 為場(chǎng)景創(chuàng)建視圖QGraphicsView view(&scene);
//    // 設(shè)置場(chǎng)景的前景色
//    view.setForegroundBrush(QColor(255, 255, 0, 100));
//    // 設(shè)置場(chǎng)景的背景圖片
//    view.setBackgroundBrush(QPixmap("../myScene/background.png"));scene.setForegroundBrush(QColor(255, 255, 0, 100));scene.setBackgroundBrush(QPixmap("background.png"));view.resize(400, 300);view.show();return app.exec();
}

效果

圖形項(xiàng)

代碼

myitem.cpp

#include "myitem.h"
#include <QPainter>MyItem::MyItem()
{}MyItem::~MyItem()
{}QRectF MyItem::boundingRect() const
{qreal penWidth = 1;return QRectF(0 - penWidth / 2, 0 - penWidth / 2, 20 + penWidth, 20 + penWidth);
}void MyItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{painter->setBrush(Qt::red);painter->drawRect(0, 0, 20, 20);
}

myitem.h

#ifndef MYITEM_H
#define MYITEM_H#include <QGraphicsItem>class MyItem : public QGraphicsItem
{//Q_OBJECTpublic:MyItem();~MyItem();QRectF boundingRect() const;void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget);
private:};#endif // MYITEM_H

main.cpp

#include "ch11_1_3.h"
#include "myitem.h"#include <QtWidgets/QApplication>
#include <QGraphicsScene>
#include <QGraphicsRectItem>
#include <QDebug>
#include <QGraphicsView>int main(int argc, char *argv[])
{QApplication a(argc, argv);//ch11_1_3 w;//w.show();QGraphicsScene scene;// 創(chuàng)建矩形圖形項(xiàng)MyItem *item = new MyItem;// 將圖形項(xiàng)添加到場(chǎng)景中scene.addItem(item);// 輸出(50, 50)點(diǎn)處的圖形項(xiàng)qDebug() << scene.itemAt(50, 50, QTransform());// 為場(chǎng)景創(chuàng)建視圖QGraphicsView view(&scene);
//    // 設(shè)置場(chǎng)景的前景色
//    view.setForegroundBrush(QColor(255, 255, 0, 100));
//    // 設(shè)置場(chǎng)景的背景圖片
//    view.setBackgroundBrush(QPixmap("../myScene/background.png"));scene.setForegroundBrush(QColor(255, 255, 0, 100));scene.setBackgroundBrush(QPixmap("../myscene/background.png"));view.resize(400, 300);view.show();return a.exec();
}

參考

http://www.qter.org/portal.php?mod=view&aid=48
https://blog.csdn.net/liang19890820/article/details/51966791
http://doc.qt.io/qt-5/graphicsview.html

總結(jié)

以上是生活随笔為你收集整理的QT学习之图形视图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。