【QT】图形视图、动画框架

Qt图形视图框架、动画框架

Qt提供了图形视图框架（GraphicsView Framework）、动画框架（The Animation Framework）、状态机框架（The State Machine Framework）来实现更加高级的图形与动画应用。使用这些框架可以快速设计出动态GUI应用和各种动画、游戏程序。

图形视图框架提供了基于图像项模型的模型视图编程方法，主要由 场景、视图和图形项 这三部分组成，这三部分分别由QGraphicsScene、QGraphicsView、QGraphicsItem这三个类来表示。

多个视图可以查看一个场景，场景中包含了各种几个形状的图像项。框架中包含一个事件传播架构，提供了和场景中的图形项进行精确的双精度交互能力，如将场景时间传递给图形项，也可以管理图形项目之间的事件传播。

图形项可以处理键盘事件，鼠标事件，如鼠标按下事件、移动、释放及双击事件，还可以跟踪鼠标的移动。

图形视图框架使用一个BSP(Binary Space Partitioning)树来快速发现图形项，正因为如此，可实时显示巨大的场景，甚至包括上百万个图形项。

场景、视图、图像项

场景

一个场景分为3层：图形项层、前景层。

场景绘制顺序：背景层->图像项层->场景层

image-20220328171754498

image-20220328172207344

场景作用:

1. 提供用于管理大量图像项的高速接口;
2. 传播事件到每一个图形项;
3. 管理图像项的状态，如选择和处理焦点;
4. 提供无变换的渲染功能，主要用于打印;

常用接口:

QGraphicsScene::setForegroundBrush()//设置前景刷
QGraphicsScene::setBackgroundBrush()//设置背景刷
QGraphicsScene::itemAt()			//返回指定坐标处最顶层的图形项
QGraphicsScene::selectedI tems()		//获取当前选取的所有图形项的列表
QGraphicsScene::setFocusItem()		//为图形项设置焦点
QGraphicsScene::focusItem()			//获取当前获得焦点的图形项
QGraphicsScene::render()			//将场景中的一部分渲染到绘图设备上
QGraphicsScene::setSelectionArea()	//传递一个任意形状来选择场景中指定的图形项

视图

QGraphicsView提供了视图部件，它用来使场景中的内容可视化。可连接多个视图到同一个场景来为相同的数据集提供多个视图，视图部件是一个可滚动的区域，提供了一个滚动条来浏览大场景。

常用接口:

QGraphicsView::setForegroundBrush()	//设置前景色
QGraphicsView::setBackgroundBrush()	//设置背景色
QGraphicsView::resize()		//重置视图大小
QGraphicsView::show()		//显示视图
QGraphicsView::setDragMode()		//拖动场景，常以QGraphicsView::ScrollHandDrag为参数使光标变为手掌形状，从而拖动场景，若以QGraphicsView::RubberBandDrag为参数可在视图上使用鼠标拖出橡皮筋框来选择图形项

示例:

#include <QApplication>
#include <QGraphicsScene>
#include <QGraphicsRectItem>
#include <QGraphicsView>
int main(int argc,char* argv[]){
    QApplication app(argc,argv);
    //新建场景
    QGraphicsScene scene;
    //创建矩形图形项
    QGraphicsRectItem *item = new QGraphicsRectItem(0,0,100,100);
    //场景添加图像项
    scene.addItem(item);
    //为场景创建视图
    QGraphicsView view(&scene);
    //设置场景前景色
    view.setForegroundBrush(QColor(255,21,23,100));
    //设置背景
    view.setBackgroundBrush(QPixmap("picture.jpg"));
    view.resize(400,400);
    view.show();