《QT从基础到进阶·二十一》QGraphicsView、QGraphicsScene和QGraphicsItem坐标关系和应用

news2024/12/23 5:24:00

前言：
我们需要先由一个 QGraphicsView，这个是UI显示的地方，也就是装满可见原色的Scene，然后需要一个QGraphicsScene 用来管理所有可见的界面元素，要实现UI功能，我们需要用各种从QGraphicsItem拼装成UI控件，并赋予他控件的逻辑。

简单的说，QGraphicsView代表视图，QGraphicsScene 代表场景，QGraphicsItem代表图形项，QGraphicsItem放在QGraphicsScene 中，QGraphicsScene 放在QGraphicsView中。

1、坐标关系
这是QGraphicsView，始终是以左上角为(0, 0)点，单位为像素
在这里插入图片描述
创建场景QGraphicsScene ，并放入视图中：

QGraphicsScene* _scene = new QGraphicsScene(); 
ui.graphicsView->setScene(_scene);

注意：如果设置scene的坐标和宽高则不能放在构造里，不然不起效果，设置图形项宽高和坐标也不能在构造设置。

scene的坐标怎么看？
先忽略坐标看scene宽高，如果scene宽高小于view宽高，scene默认放到view正中央，
如果scene宽高大于view宽高，view视窗自动出现滚轮，保证view宽高和scene宽高一致
如果scene宽高没有设置，scene中没放图形项前宽高为0，放入图形项后scene宽高会和图形项宽高保持一致且scene宽高和左上角坐标会随着图像同步变化，scene就等同于图像，scene宽高没有设置，scene默认左上角坐标为(0, 0)，原点也在左上角。scene宽高没有设置，图像左上角坐标始终与scene左上角坐标重合。
在这里插入图片描述
然后看scene的(x, y)坐标，(x, y)坐标为scene左上角坐标，有点特别要注意，不管scene左上角坐标如何变化，scene整体始终处于view正中央。
如果scene的(x, y)为(0, 0)，scene的原点也为(0, 0)
如果scene的(x, y)为(-scene->width() / 2, -scene->height() / 2)，scene的原点在view正中央。
在这里插入图片描述
图像坐标系也是一个独立的坐标系，图像左上角默认为(0, 0)点，把图像放入scene，图像左上角坐标默认在scene的原点，设置图像左上角坐标

pixmapItem->setPos(-scene->width() / 2, -scene->height() / 2);

这样图像左上角和scene左上角重合。

下面草图中继续说明三者坐标关系：
在这里插入图片描述

2、view，scene和item三者坐标转换
在这里插入图片描述
上图中，图片和矩形都放在QGraphicsItem里，红点为图形项零点(0, 0)，因为一旦有了QGraphicsItem，scene会和item重合，所以红点处也为scene零点坐标(0, 0)，但区别在于红点往左边一点，sence依然有坐标比如(-1, 0)，但item直接返回空，无法计算item坐标，view视图坐标一直都是view显示框左上角为零点。

通过鼠标事件可以拿到视图view的坐标，比如触发mousePressEvent事件：
视图view坐标：

QPoint nViewPoint = event->pos();

通过视图坐标转场景scene坐标：

QPointF fScenePoint = this->mapToScene(nViewPoint);

通过场景坐标转图形项item坐标：

QGraphicsItem* pItem = this->scene()->itemAt(fScenePoint, QTransform()); //图形项指针
if (NULL != pItem)
{
 QPointF fItemPoint = pItem->mapFromScene(fScenePoint);   //获取图形项坐标
}

注意：鼠标在不同的item上比如图片，画的多边形点击一下不仅可以拿到该图形项Item坐标，而且通过pItem拿到对应的item图形项指针！！！！！

获取场景scene中所有Item图形项指针：

QList<QGraphicsItem*> allItems = scene->items();

每个图形项都有一个type标识，可以根据这个标识判断该图形项是图片，矩形，圆等等：

if(allItems[0]->type() == QGraphicsLineItem::Type)
	//直线
else if(allItems[0]->type() == QGraphicsRectItem::Type)
	//	矩形
else if(allItems[0]->type() == QGraphicsSimpleTextItem::Type)
	//	文本
//......

3、在场景scene中绘制不同图形项
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
有时候我们会遇到这样一个问题：
当我们重新继承一个图形项的类比如QGraphicsRectItem，在自定义类中添加更多的关于矩形的功能，创建矩形对象时却一直画不出矩形？
在这里插入图片描述
在这里插入图片描述
需要把自定义类强转为QGraphicsRectItem类在设置绘制参数即可画出矩形，如下所示。
在这里插入图片描述
通过如上方式画矩形，QGraphicsRectItem会调用自己的paint事件画出矩形，当drawRect继承QGraphicsRectItem，同时又重写了paint方法，假如在drawRect的paint事件里直接return，用上面方法画矩形后会调用drawRect的paint方法然后直接return，当然无法画出矩形。如果重写paint方法又想在重写的paint方法中调用QGraphicsRectItem的paint方法，可以在paint方法中加上

QGraphicsRectItem::paint(painter, option, widget);

这样可以在return之前调用父类的绘画方法画出矩形。

如果在drawRect类中重写paint方法，当我实现了用鼠标画矩形的功能，画出来的矩形用鼠标在矩形上点一下却拿不到矩形的item指针（如下）
在这里插入图片描述
原因在于drawRect继承了QGraphicsRectItem，想要显示矩形并能拿到item指针，需要在paint中把drawRect强转为QGraphicsRectItem指针，再把更新的矩形数据QRect设置到QGraphicsRectItem中，那么paint中最后面应该加上如下代码：
在这里插入图片描述
另一种原因看不到绘制的图形项：
在这里插入图片描述
这里先创建一个矩形设置到sence中，然后再把图片设置到sence，运行后只看到图片看不到画的矩形原因在于sence中的items会根据additem的顺序展示出来，运行程序后先展示矩形，然后展示图片，但图片会覆盖矩形，所以只能看到图片，并不是矩形没有了，如果先additem图片在additem矩形，这样先展示图片，然后会在图片上画出矩形，这样可以正确显示。

4、其他一些补充：
（1）界面变化触发resizeEvent事件，想要图像实时在scene正中央需要在resizeEvent中设置：

m_Scene->setSceneRect(m_PixmapItem->boundingRect());

（2）如果在构造中创建矩形或图片并显示（图片显示m_PixmapItem->setPixmap(pixmap);），运行程序后会显示在view的左上角，这时sence和item的(0,0)点在view的左上角。
在这里插入图片描述
如果先创建一个矩形不设置坐标和宽高先创建出来additem到sence，然后等界面运行后通过点击按钮item->setRect(0,0,100,100)，这样矩形会显示在view正中间。
在这里插入图片描述
在这里插入图片描述

（3）对一个item图元可设置焦点，设置可选中，设置可移动

item->setFlags(QGraphicsItem::ItemIsFocusable | QGraphicsItem::ItemIsSelectable |
                   QGraphicsItem::ItemIsMovable );

（4）如果图片很大直接用QPixmap加载有可能在界面上显示不出来，可以先把图片加载成QImage类型，然后再把QImage转为QPixmap即可显示。或者设置图片缓存为0，QPixmapCache::setCacheLimit(0)这个方法有待验证。

（5）图形项的各种事件

void mousePressEvent(QGraphicsSceneMouseEvent* event) 
void mouseMoveEvent(QGraphicsSceneMouseEvent* event);
void hoverEnterEvent(QGraphicsSceneHoverEvent* event);         //鼠标移入图形项
void hoverLeaveEvent(QGraphicsSceneHoverEvent* event);         //鼠标移出图形项
void contextMenuEvent(QGraphicsSceneContextMenuEvent* event);  //右击菜单事件

需要注意的是图形项中的鼠标移动事件mouseMoveEvent必须鼠标在图形项上按下移动才能触发，这里没有setMouseTrack设置。使用鼠标在图形项上移入移出事件，需要在构造中加入setAcceptHoverEvents(true);
还有一点需要注意：想要图形项中的事件有相应，必须在继承GraphicsView类中写好对应的事件并在事件中调用父事件使事件透传到item，比如在界面画了一个矩形，想要在矩形上右键进入contextMenuEvent事件，必须在继承的GraphicsView类中重写contextMenuEvent事件，并在事件中调用父类事件QGraphicsView::contextMenuEvent(event);

在这里插入图片描述

📢博客主页： 主页
📢欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！
📢本文由 梦回阑珊 原创，首发于 CSDN，转载注明出处🙉
📢代码改变世界,你来改变代码！✨

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1205926.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Python编程爬虫代码

Python编程爬虫代码

这是一个基本的爬虫程序的示例&#xff0c;按照你的需求进行了修改&#xff1a; typescript import * as request from request; import * as cheerio from cheerio; const proxyHost ; const proxyPort ; // 创建一个request实例&#xff0c;使用 const requestWithProxy…
阅读更多...
大数据系统建模方法论简谈

大数据系统建模方法论简谈

1.根据业务需求构建总线矩阵--明确需求 构建总线矩阵的目的&#xff1a;总线矩阵也是BI核心之一&#xff0c;基本上只要详细了解企业业务战略线就能得出总线矩阵&#xff0c;它对应着企业每一个业务单元&#xff0c;提取业务单元中的一致性维度和事实量值组 组合成企业总线矩阵…
阅读更多...
从关键新闻和最新技术看AI行业发展（2023.10.23-11.5第九期） |【WeThinkIn老实人报】

从关键新闻和最新技术看AI行业发展（2023.10.23-11.5第九期） |【WeThinkIn老实人报】

Rocky Ding 公众号&#xff1a;WeThinkIn 写在前面 【WeThinkIn老实人报】旨在整理&挖掘AI行业的关键新闻和最新技术&#xff0c;同时Rocky会对这些关键信息进行解读&#xff0c;力求让读者们能从容跟随AI科技潮流。也欢迎大家提出宝贵的优化建议&#xff0c;一起交流学习&…
阅读更多...
2023亚太杯数学建模B题思路解析

2023亚太杯数学建模B题思路解析

文章目录 0 赛题思路1 竞赛信息2 竞赛时间3 建模常见问题类型3.1 分类问题3.2 优化问题3.3 预测问题3.4 评价问题 4 建模资料5 最后 0 赛题思路 &#xff08;赛题出来以后第一时间在CSDN分享&#xff09; https://blog.csdn.net/dc_sinor?typeblog 1 竞赛信息 2023年第十三…
阅读更多...
程序运行前后内存分区存储

程序运行前后内存分区存储

程序运行前是源码 在程序运行后&#xff0c;生成了exe可执行程序 分为代码区和全局区 代码区&#xff1a; 存放CPU执行的机器指令代码区是共享的&#xff0c;共享的目的是对于频繁被执行的程序&#xff0c;只需要在内存中有一份代码就可以了代码区是只读的&#xff0c;其只读…
阅读更多...
BEVFusion简介、环境配置与安装以及遇到的各种报错处理

BEVFusion简介、环境配置与安装以及遇到的各种报错处理

BEVFusion简介、环境配置与安装以及遇到的各种报错处理 BEVFusion简介BEVFusion环境配置与安装报错解决 BEVFusion简介 针对点云投射到图像的多模态融合和图像投射到点云的多模态融合&#xff0c;前者会损失空间几何信息&#xff0c;后者会损失图像语义信息&#xff0c;这两种…
阅读更多...
janus 安装部署

janus 安装部署

本文使用docker进行安装&#xff0c;还没有安装docker和docker-compose的&#xff0c;请自行安装&#xff0c;这里就不介绍了 环境 janus-gateway镜像版本:anyan/janus-gateway:0.10.7 linux版本: Ubuntu 18.04.6 LTS coturn/coturn 镜像版本: coturn/coturn:latest 镜像ID 8…
阅读更多...
java算法学习索引之动态规划

java算法学习索引之动态规划

一 斐波那契数列问题的递归和动态规划 【题目】给定整数N&#xff0c;返回斐波那契数列的第N项。 补充问题 1&#xff1a;给定整数 N&#xff0c;代表台阶数&#xff0c;一次可以跨 2个或者 1个台阶&#xff0c;返回有多少种走法。 【举例】N3&#xff0c;可以三次都跨1个台…
阅读更多...
【ARM Trace32(劳特巴赫) 使用介绍 4 - Trace32 Discovery 详细介绍】

【ARM Trace32(劳特巴赫) 使用介绍 4 - Trace32 Discovery 详细介绍】

请阅读【ARM Coresight SoC-400/SoC-600 专栏导读】 文章目录 1.1 SYS.Detect1.2 AHBAPn/AXIAPnAPBAPn.Base1.1 SYS.Detect 在 TRACE32 中， SYS.Detect 是一个用来检测目标系统配置的命令。 当你执行 SYS.Detect DAP 命令时，TRACE32 将自动检测和识别目标系统上的 ARM De…
阅读更多...
VScode不打开浏览器实时预览html

VScode不打开浏览器实时预览html

下载Microsoft官方的Live Preview就行了 点击预览按钮即可预览
阅读更多...
免费群学习网络安全

免费群学习网络安全

免费学习网络安全!
阅读更多...
前端---CSS的样式汇总

前端---CSS的样式汇总

文章目录 CSS的样式元素的属性设置字体设置文字的粗细设置文字的颜色文本对齐文本修饰文本缩进行高设置背景背景的颜色背景的图片图片的属性平铺位置大小 圆角矩形 元素的显示模式行内元素和块级元素的转化弹性布局水平方向排列方式&#xff1a;justify-content垂直方向排序方式…
阅读更多...
GoldWave 6.78中文免费激活版功能特色2024最新功能解析

GoldWave 6.78中文免费激活版功能特色2024最新功能解析

GoldWave 6.78中文免费激活版是一款多功能、强大且用户友好的音频编辑工具。它为音乐制作人、播客主持人以及音频编辑爱好者提供了全面的编辑功能&#xff0c;让你能够创造出高质量的音频作品。无论你是在音乐制作、音频修复还是播客制作&#xff0c;GoldWave 都是一个值得一试…
阅读更多...
【Python3】【力扣题】263. 丑数

【Python3】【力扣题】263. 丑数

【力扣题】题目描述&#xff1a; 此题&#xff1a;正整数n&#xff0c;能被2或3或5整除&#xff0c;且不断除以2或3或5最终的数是1。 【Python3】代码&#xff1a; 1、解题思路&#xff1a;递归。 知识点&#xff1a;递归&#xff1a;函数中调用函数自身&#xff08;必须有退…
阅读更多...
Metric

Metric

如果 Metric ‘use_polarity&#xff08;使用极性&#xff09;’ &#xff0c;则图像中的对象必须和模型具有相同的对比度&#xff08;Contrast&#xff09;。比如&#xff0c;如果模型是一个在暗/深色背景上的明亮物体&#xff0c;则仅当对象比背景更亮时才会被找到。 如果 …
阅读更多...
Python 使用tkinter复刻Windows记事本UI和菜单功能（二）

Python 使用tkinter复刻Windows记事本UI和菜单功能（二）

上一篇&#xff1a;Python tkinter实现复刻Windows记事本UI和菜单的文本编辑器&#xff08;一&#xff09;-CSDN博客 下一篇&#xff1a;敬请耐心等待&#xff0c;如发现BUG以及建议&#xff0c;请在评论区发表&#xff0c;谢谢&#xff01; 相对上一篇文章&#xff0c;本篇文…
阅读更多...
arcgis提取栅格有效边界

arcgis提取栅格有效边界

方法一&#xff1a;【3D Analyst工具】-【转换】-【由栅格转出】-【栅格范围】 打开一幅栅格数据&#xff0c;利用【栅格范围】工具提取其有效边界&#xff08;不包含NoData值&#xff09;&#xff1a; 方法二&#xff1a;先利用【栅格计算器】将有效值赋值为1&#xff0c;得到…
阅读更多...
vue项目路由使用history模式，nginx配置，刷新页面显示404

vue项目路由使用history模式，nginx配置，刷新页面显示404

需要在配置项中添加 try_files $uri $uri/ /index.html;
阅读更多...
MySQL：语法速查手册【持续更新...】

MySQL：语法速查手册【持续更新...】

一、定义基本表 1、常用的完整性约束 主码约束 primary key外键约束 foreign key唯一性约束 unique非空性约束 not null取值约束 check2、例题 【例1】建立一个“学生”表Student&#xff0c;由学号Sno、姓名Sname、性别Ssex、年龄Sage、所在系Sdept五个属性组成。其中…
阅读更多...
HarmonyOS开发(一)：开发工具起步

HarmonyOS开发(一)：开发工具起步

1、DevEco Studio 工具下载地址&#xff1a;HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者 DevEco Studio基础配置 Node.jsOhpm 这两个都可以在进入IDE时在工具上选择下载安装 2、HelloWorld工程 打开DevEco,那么会进入欢迎页&#xff0c;点击Create Project---…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023