小米手机网站的风格设计,网站如何做二维码,wordpress主题柚子皮,海北网站建设前沿
前段时间学习了下如何在QGraphicsView架构中绘制刻度尺#xff0c;主要是与OnPainter中进行比较的#xff0c;那么今天就来详细讲解下我对QGraphicsView框架的认知吧~
最近一段时间想学习下#xff0c;如果我有不正确的#xff0c;欢迎留言探讨哟~
QGraphicsView架…前沿
前段时间学习了下如何在QGraphicsView架构中绘制刻度尺主要是与OnPainter中进行比较的那么今天就来详细讲解下我对QGraphicsView框架的认知吧~
最近一段时间想学习下如果我有不正确的欢迎留言探讨哟~
QGraphicsView架构
使用过OnPainter绘制过图形的QPainter绘制需要在绘制设备的paintEvent()事件中实现但是使用这种方式只能绘制复杂性不高的固定图形对于图形的编辑、拖放修改等功能是无法实现的所以我们想要实现这些复杂功能时QT为我们提供了QGraphicsView绘图架构这是一种基于图形项的模型/视图模式
1组成
QGraphics View架构主要由三部分组成场景、视图、图形项 场景
对于我们程序展示来说场景是不可见的是一个抽象的管理图形项的容器。
可以向场景中添加图形项比如圆形、矩形、三角形等等
不仅如此还可以获取场景中的某个图形项
视图
提供绘图的视图组件用于显示场景中的内容。
需要注意的两点
第一点视图大于场景
场景在视图的中间部分显示也可以设置视图的Alignment属性控制场景在视图中的显示位置
第二点视图小于场景
视图只能显示场景的一部分内容但是会自动提供卷滚条在整个场景内移动
图形项
一些基本的图形元件例如椭圆、矩形等等
基类是QGraphicsItem
对于这些基本的图形项也有线程的图形类 我们需要将绘制的图形项添加到场景中所以一些图形项操作函数必然是要了解的
addItem添加一个已经创建的图形项
removeItem删除图形项
clear清除所有图形项
一般情况下使用上述三个函数的情况比较多
我在实现demo的时候为了统一接口方便将所有的绘图类全部继承自QGraphicsPathItem并未采取基类QGraphicsItem。
因为我想要实现的功能比较多单纯的QGraphicsRectItem已经无法满足后续的需求索性都采用一个基类
2图形例子
假设矩形类叫做QShapeRectangular父类是QGraphicsPathItem
class QShapeRectangular : public QGraphicsPathItem
{
public:QShapeRectangular(const QPainterPath path, QGraphicsItem *parent nullptr);~QShapeRectangular();
protected:virtual void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget);
private:QPainterPath m_path;
};
.cpp中主要绘制内容
//TODO绘制矩形框的样式
painter-setRenderHint(QPainter::Antialiasing);
painter-setBrush(Qt::transparent);QPen pen(QColor(51, 51, 51));
pen.setCapStyle(Qt::SquareCap);
pen.setJoinStyle(Qt::RoundJoin);//选中后图形变成虚线
if (option-state QStyle::State_Selected)
{pen.setStyle(Qt::DashLine); //虚线
}
else
{pen.setStyle(Qt::SolidLine); //实线
}
painter-setPen(pen);
painter-drawPath(m_path);
根据上述绘制代码可以清楚地看出来当图形的状态变成选中时需要改变线条的绘制方式。由实现变成了虚线。具体的展示效果如下 为了更好的展示效果才用了点随鼠标滑动的效果。
具体的如何实现这种功能在下一篇文章中介绍~
3坐标
在QGraphicsView架构中存在了三个有效的坐标系图形项坐标、场景坐标、视图坐标 视图坐标
与设备坐标相同是物理坐标一般以左上角为圆点单位是像素。
视图的坐标只与widget或者视口有关而与场景无关所有的鼠标事件、拖放事件的坐标首先是由视图坐标定义的然后用户需要将这些坐标映射成场景坐标以便程序中交互
场景坐标
等价于QPainter的逻辑坐标一般以场景的中心为原点单位是像素。
场景是所有图形项的基础坐标描述了每个顶层图形项的位置。
图形项坐标
局部逻辑坐标一般以图件的中心为原点
每个图形项在场景里都有一个位置坐标是由QGraphicsItem::scenePos给出的。
总结
以上QGraphicsView中的简单场景就讲解完了根据这些基础知识接下来的文章中进行各种图形项绘制以及拖动、旋转、缩放等等操作~
我是糯诺诺米团一名C开发程序媛~
