QGraphicsView图形视图框架使用(一)坐标变换

已于 2022-07-07 20:00:48 修改
阅读量5.2k 收藏 87
点赞数 20
分类专栏： QT+QML 文章标签： qt 开发语言 经验分享 图形视图 2D绘图
于 2022-07-07 19:39:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yang1fei2/article/details/125665552
版权

文章目录


在设计静态用户交互界面的时候常见的QWidget控件已经够用了。但是如果用户想同时使用多个自绘控件并与其进行交互，常见的静态控件实现起来就比较困难了。比如在一些平面的2D游戏里面，使用者需要同时在界面里面对多个对象进行操作，显然静态控件系统是无法实现的。针对这种场景，QT提供了图形视图框架(Graphics View)来进行处理，这里就简单的介绍一下图形视图框架的用法。

图形视图框架的组成

Graphics View图形视图框架主要由三部分组成分别是:
视图对象(View) 对应着QGraphicsView类
场景对象(Scene) 对应着QGraphicsScene类
元素对象(Item) 对应着QGraphicsItem类
三个元素之间的关系如下图所示:

了解本专栏 订阅专栏 解锁全文 超级会员免费看
码农飞飞
关注
  • 20
    点赞
  • 踩
  • 87
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
QGraphicsView框架实现画板
11-26
支持图形的绘制，移动与拖拽、放大缩小、旋转、复制粘贴、撤销重做；绘制图形包括矩形、多边形、椭圆、直线、曲线等
关于QGraphicsView的坐标系
alan00000的专栏
09-03 4283
关于其坐标系： QList lights; QGraphicsScene *scene=new QGraphicsScene(); QGraphicsEllipseItem *light=new QGraphicsEllicsEllipseItem(100,100,90,90); lights.append(light); for(int i=0;i {      //lights.
Qt中QGraphicsView三种坐标系统详解
henry_gyr的专栏
02-28 1万+
在QGraphicsView中支持三种不同的坐标系统---视口坐标、场景坐标、项坐标 场景坐标就是系统窗口(QGraphicsScene)的坐标,它(0,0)作为它的左上角坐标. 视口坐标相当于场景坐标的数学变换,如当一个窗口坐标为(0,0)至(100,100)那么这个窗口就是实实在在的由100*100个像素组成,此时把坐标变换为(-50,50)(即场景坐标(0,0))至(50,-50)(即场
QT QGraphicsView介绍
最新发布
别看了，就这些信息
03-08 894
QGraphicsView提供了一个视图，允许用户查看和与场景中的图形项进行交互。显示图形项用于显示中的图形项，包括图形、文本、图像等。它提供了一个视图窗口，可以在其中查看和操作场景中的图形项。图形项交互：通过，用户可以与场景中的图形项进行交互，例如移动、缩放、选择等操作。这使得在图形用户界面中实现丰富的图形展示和交互成为可能。视图控制提供了一些功能来控制视图的行为，例如平移、缩放、旋转等。用户可以通过这些功能来调整视图中显示的内容，事件处理。
QT图形视图框架——坐标系统
learning attitude
07-22 460
一般item的pos()就是item的sceneBoundingRect的左上角，所以为了统一我们也可以对group取sceneBoundingRect().topLeft()作为它的pos。这个时候你再对item setPos到Scene中具体的某个点时会出现偏差，我遇见类似问题的一个思路是，不要使用setPos设置绝对的位置点，而是先求取原pos与要设置pos的offset，然后同4中那样通过item.setPos(item.pos()+offset)来实现item新位置设置，一般可以达到预期的位置。
QGraphicsView教程
心向阳光，斗志昂扬！
02-08 5962
简介 Graphics View 提供了一个用于管理和交互大量的可定制的 2D 图形项与用于可视化这些项的 View 小部件的 surface（曲面），并提供缩放（zooming）和旋转（rotation）功能支持。 该框架包括事件传播体系结构（an event propagation architecture），该体系结构允许对场景中的项目进行精确的双精度交互功能。图元可以被如下操作处理：按键事件，鼠标按下，移动，释放和双击事件，它们还可以跟踪鼠标的移动。 Graphics View 使用 BSP（Bi
Qt图形视图框架：QGraphicsView 详解
友善啊，朋友的博客
05-30 5万+
Qt图形视图框架：QGraphicsView详解
Qt Graphics View
zw_ggr_2017的博客
09-01 2633
Graphics View框架，场景视图，代码示例
QT学习：图形视图Graphics View
weixin_42374938的博客
07-02 1万+
一、Graphics View框架结构的主要特点 (1)在Graphics View框架结构中，系统可以利用Qt绘图系统的反锯齿、OpenGL工具来改善绘图性能。 (2) Graphics View支持事件传播体系结构，可以使图元在场景(scene) 中的交互能力提高1倍，图元能够处理键盘事件和鼠标事件。其中，鼠标事件包括鼠标被按下、移动、释放和双击，还可以跟踪鼠标的移动。 (3)在Graphics View框架中，通过二元空间划分树(Binary Space Pritining, BSP) 提供快速的图元
Qt之QGraphicsView入门篇
热门推荐
billy的博客
04-05 7万+
作者：billy 版权声明：著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处 https://www.jianshu.com/p/e010be59f762 https://www.xuebuyuan.com/991404.html https://baijiahao.baidu.com/s?id=1631213688985324831&wfr=spider&for...
QGraphicsView-理论基础
qq_20507961的博客
04-26 2767
QGraphicsView 以下简称：view 功能描述：提供一个小部件，用于显示QGraphicsScene的内容。要创建带有几何(形状：圆形、方形、二维三维等)场景，需要参考QGraphicsScene。view也是 Graphics View Framework的一部分。 为了可视化场景： 构造view对象，将可视化的场景(QGraphicsScene)地址传递给view； 也可以调用setScene()，在之后设置场景； show() view将滚动到场景中心，显示可见项目。 QGra
Qt图形视图框架详解
06-09
介绍Qt中的Graphics View Framework，涉及View、Scene、Item的关系，如何自定义QGraphicsItem、处理Item之间的关联、如何布局及定义自己的布局Item、如何变幻Item、如何应用动画、如何处理拖放、如何给Item应用图形效果，提供拼图游戏、画板两个有用的实例。
QGraphicsView架构实现基本图形的绘制
05-07
环境：VS2017+Qt5.14.2 环境匹配可以运行成功 功能： 1：实现了基本的图形：矩形、正方形、圆形、三角形、多线段、曲线的绘制 2：鼠标实时绘制图形。鼠标按下后开始绘制，再次按下后停止绘制。 3：图形的拖拽、删除、撤销操作 4：曲线图形实时绘制。
QT图形视图框架(QGraphicsView)绘图并调用libusb通讯
11-15
介绍 通过Qt的图形视图框架进行2D绘图并调用libusb进行通讯 软件架构 软件主要由两部分组成： 1、libusb的调用和使用； 2、qt图形视图框架的基本使用。 安装教程 使用QT打开工程文件； 修改.pro文件中的库路径； 设置kits，编译运行。 使用说明 主要介绍了libusb的设备打开，端口打开，以及中断方式传输数据； 主要介绍了Qt的视图框架QGraphicsView、QGraphicsScene和QGraphicsItems的基本使用； 利用QT的视图框架进行了基本图形的绘制，比如画点、画线、画矩形等。
将SVG矢量图显示在Qt的QGraphicsView视图框架上
01-16
将SVG矢量图显示在Qt的QGraphicsView视图框架上，具有通过QDomDocument、QDomElement、QDomNode、QDomNameNodeMap等对象来解析svg并修改svg来实现矢量图的部分内容缩放，部分内容不缩放的功能。
Qt使用Http协议进行通信
yang1fei2的博客
07-26 1万+
在使用Qt框架进行应用开发的过程中，很多时候需要进行客户端与服务端的网络通信，这时候就需要Qt的internet模块。而网络通信中最常用的协议就是http协议，Qt对http协议的调用进行了封装，使用非常方便。这里对常用的http请求demo做一下总结，方便大家参考。 在使用internet模块时需要在pro文件中添加对应的模块。 QT += network Qt中使用Http协议与服务端通信的请求主要分为GET和POST，GET是从指定的资源请求数据，而POST是向指定的资源提交要被处理的数据。
QML基础(一)-基本元素和属性
yang1fei2的博客
04-01 8696
任何知识，都有自己的体系架构，掌握了体系架构，按图索骥的去学习的效率要远高于漫无目的的学习。这里我参照QML的知识框架和一些问题来对QML进行系统的总结。问题列表如下: 1.QML是什么？ 2.为什么使用QML? 3.QML的基本语法？ 4.QML的元素都有哪些？ 1.QML是什么？ QML是Qt推出的Qt Quick技术的一部分，是一种用于描述用户界面的类似html的声明式语言。它将用户界面分解成一些更小的元素，这些元素能够结合成一个组件。这点类似于json结构，每个对象既有自己的行为和属性同
dbus总线通信的原理和使用
yang1fei2的博客
02-14 7429
1.什么是D-Bus D-Bus是一种高级的进程间通信机制，它由freedesktop.org项目提供，使用GPL许可证发行。D-Bus最主要的用途是在Linux桌面环境为进程提供通信，同时能将Linux桌面环境和Linux内核事件作为消息传递到进程。注册后的进程可通过总线接收或传递消息，进程也可注册后等待内核事件响应，例如等待网络状态的转变或者计算机发出关机指令。目前，D-Bus已被大多数Linux发行版所采用，开发者可使用D-Bus实现各种复杂的进程间通信任务。 2.D-Bus的相关概念 D-Bu
根据Qt QGraphicsView图形框架嵌入WPF控件写一篇专利
03-29
背景技术 Qt是一个跨平台的C++应用程序开发框架，主要用于开发图形用户界面(GUI)应用程序。Qt提供了一个名为QGraphicsView的图形框架，可以用于创建高性能、可交互的2D图形场景。WPF是Microsoft .NET Framework中的一个GUI框架，它提供了一种可扩展的应用程序开发模型，使得开发人员可以更方便地创建Windows应用程序、网页浏览器插件等。 技术方案 本专利提供了一种将Qt QGraphicsView图形框架嵌入WPF控件的方法。该方法可以实现Qt QGraphicsView的高性能、可交互的2D图形场景显示在WPF应用程序中。 具体实现步骤如下： 1.在WPF应用程序中创建一个自定义控件，该控件继承自System.Windows.Forms.Integration.ElementHost类。 2.在自定义控件中创建一个QGraphicsView对象，并将其设置为子控件。 3.将QGraphicsView对象的viewport设置为WPF控件的句柄，这样就可以将QGraphicsView渲染的2D图形场景显示在WPF应用程序中。 4.通过调用QGraphicsView对象的API实现2D图形场景的交互，例如缩放、平移、旋转等操作。 5.将WPF应用程序与Qt应用程序连接起来，实现数据的双向传输。 优势和应用 本专利提供了一种将Qt QGraphicsView图形框架嵌入WPF控件的方法，具有如下优势： 1.实现了高性能、可交互的2D图形场景在WPF应用程序中的显示。 2.可以方便地实现2D图形场景的交互操作，提高用户体验。 3.可以实现WPF应用程序与Qt应用程序之间的数据传输，方便数据共享。 本专利的应用范围广泛，例如在工业自动化、图像处理、CAD软件等领域都可以应用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农飞飞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值