文章目录

一、基类QGraphicsItem
二、内部图元
- 2.1、椭圆图元--QGraphicsEllipseItem
- 2.2、线段图元--QGraphicsLineItem
- 2.3、路径图元--QGraphicsPathItem
- 2.4、图片图元--QGraphicsPixmapItem
- 2.5、多边形图元--QGraphicsPolygonItem
- 2.6、矩形图元--QGraphicsRectItem
- 2.7、简单文本路径图元--QGraphicsSimpleTextItem
- 2.8、文本图元--QGraphicsTextItem
三、附加图元
- 3.1、SVG图元--QGraphicsSvgItem
四、自定义图元

一、基类QGraphicsItem

Qt图形框架中，QGraphicsItem是图元基类；

二、内部图元

2.1、椭圆图元–QGraphicsEllipseItem

2.2、线段图元–QGraphicsLineItem

2.3、路径图元–QGraphicsPathItem

2.4、图片图元–QGraphicsPixmapItem

2.5、多边形图元–QGraphicsPolygonItem

2.6、矩形图元–QGraphicsRectItem

2.7、简单文本路径图元–QGraphicsSimpleTextItem

2.8、文本图元–QGraphicsTextItem

三、附加图元

3.1、SVG图元–QGraphicsSvgItem

QGraphicsSvgItem是用来显示SVG的图元，只需要调用：

QSvgRenderer* render = new QSvgRenderer(SVG_filePath);
svgItem->setSharedRenderer(render);

四、自定义图元

所有自定义图元都必须继承图元基类QGraphicsItem或其子类；

自定义图元：添加枚举标识、重新三个虚函数

1、标识图元
每个图元都有一个枚举标识，例如路径图元的标识为：2
在场景操作中当检测Type值为2时，就可以确定这个图元是一个路径图元；

查看QGraphicsItem接口，可以发现Qt给开发者预留了标识：

开发者使用标识UserType即可，当有多个自定义图元时，可以在其上累加，例如：

class LineElementItem : public QGraphicsItem
{public:enum { Type = UserType + 1};LineElementItem()~LineElementItem();
}class LogicElementItem : public QGraphicsItem
{public:enum { Type = UserType + 2};LogicElementItem ()~LogicElementItem ();
}

2、重写虚函数int type() const【返回图元类型】

class LineElementItem : public QGraphicsItem
{public:enum { Type = UserType + 1};LineElementItem()~LineElementItem();int type() const{return Type;}
}

3、重写虚函数QRectF boundingRect() const【设置图元边界】

函数boundingRect()返回一个矩形，这个矩形就是自定义图元的区域（可视区域）；

class LineElementItem : public QGraphicsItem
{public:enum { Type = UserType + 1};LineElementItem()~LineElementItem();int type() const{return Type;}QRectF boundingRect() const  //定义图元为一个128*128的矩形{qreal penwidth=1;return QRectF(0-penwidth/2,0-penwidth/2,128+penwidth,128+penwidth);}
}

4、重写void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget = nullptr) 【绘制图元形状】

class LineElementItem : public QGraphicsItem
{public:enum { Type = UserType + 1};LineElementItem()~LineElementItem();int type() const{return Type;}QRectF boundingRect() const  //定义图元为一个128*128的矩形{qreal penwidth=1;return QRectF(0-penwidth/2,0-penwidth/2,128+penwidth,128+penwidth);}void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget){// 选中时绘制if (option->state & QStyle::State_Selected) {painter->setPen(QPen(Qt::red, 2, Qt::DashLine));painter->setBrush(Qt::NoBrush);painter->drawRect(boundingRect().adjusted(2,2,-2,-2));}QGraphicsItem::paint(painter,option,widget);}
}

Qt图形视图框架--图元总结相关推荐

Qt图形视图框架详解-安晓辉-专题视频课程
Qt图形视图框架详解-12227人已学习课程介绍介绍Qt中的Graphics View Framework,涉及View.Scene.Item的关系,如何自定义QGraphicsI ...
Qt 图形视图框架（Qt MVC）
什么是MVC MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑.数据.界面显示分离 ...
Qt 图形视图框架中的事件处理和传播
目录名字 Qt 图形视图框架中的事件处理和传播要点: Qt 图形视图框架中的事件处理和传播图形视图框架在一些动画类的应用程序上经常会用到.该框架中的事件处理与传播机制也是经常会涉及. 程序设计核心 ...
Qt图形视图框架图片图元QGraphicsPixmapItem
文章可能被更新,最新地址:http://www.fearlazy.com/index.php/post/107.html 看这个标题还真有点拗口,一句话里出现了四个图字.这句话的关键词是图片,前面讲了 ...
201112阶段二qt图形视图框架
目录一.学习的知识点一)事件二)图形视图框架二.上课没有听懂或者没有理解的地方三.当天学习的收获一.学习的知识点一)事件鼠标事件的创建组合键二)图形视图框架场景类:坐标系以中心为 ...
Qt图形视图框架：QGraphicsScene详解
一.描述 1.场景提供了一个用于管理大量2D图形项的平面.该类充当图形项的容器. 它与视图一起用于可视化2D曲面上的图形图形项. 2.场景没有自己的视觉外观,只负责管理图形项. 3.场景的最大优势之一 ...
Qt图形视图框架：视图增加标尺
效果: 把视图.水平标尺.垂直标尺用网格布局放置. 每当拖动视图的滚动条时,更新标尺的偏移量: connect(deviceGraphicsView->horizontalScrollBar() ...
Qt图形视图框架：将自定义图形项放入布局
只有继承布局项QGraphicsLayoutItem的对象才能放入布局.继承QGraphicsLayoutItem后需要重写setGeometry().sizeHint()这两个函数. 以自定义滑动条 ...
QT图形视图框架---场景 advance()函数
调用场景的advance()函数就会自动调用场景中所有图形项的advance()函数,

Qt图形视图框架--图元总结