Qt 2D图形平面绘制

---

一、图形视图框架 Graphics View Framework

1. QGraphicsScene 场景
   QGraphicsScene用作图形项的容器，提供一个容纳和管理大量2D图形项的平面。
   例如: 线条、矩形、文字等称作图形项（见第3点）

2. QGraphicsView 视图
   QGraphicsView是用来显示QGraphicsScene内容的一个组件。

3. QGraphicsItem 图形项
   QGraphicsItem是图形项，是一个图形元素，派生类有矩形(QGraphicsRectItem)、椭圆(QGraphicsEllipseItem)和文字(QGraphicsTextItem)等。

---

二、实战

1. 步骤

1. 新建QMainApplication应用
2. 窗口UI添加QGraphicsView
3. 代码添加QGraphicsScene，并设置为QGraphicsView对象的场景
4. 添加图形项

2. 代码

头文件：

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
//添加头文件
#include <QGraphicsScene>
#include <QGraphicsRectItem>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;

	/************ 添加代码 begin ***************/
    QGraphicsScene m_scene; 
    /************ 添加代码 end ***************/
};
#endif // MAINWINDOW_H

源文件：

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    
    /************ 添加代码 begin ***************/
    ui->graphicsView->setScene(&m_scene); 
    QGraphicsEllipseItem *m_circle = new QGraphicsEllipseItem(0,0,100,100);
    m_scene.addItem(m_circle);
    /************ 添加代码 end ***************/
}

MainWindow::~MainWindow()
{
    delete ui;
}

三、参考

Graphics View Framework

---

四、总结

Qt 2D视图框架有三种类：场景类（管理）、视图类（显示）和图形项（元素），利用这个框架可以实现画图功能，在此只做极简的入门介绍。