Qt图形视图框架绕不开的问题-坐标系
ccwgpt 2024-09-21 13:53 62 浏览 0 评论
上一篇了解了图形视图框架的构成。现在来了解一下在使用这个框架经常打交道的坐标系。坐标系有什么好了解的呢？不就是一个X轴和一个Y轴吗？对于QPainter确实是这样，Qt的坐标系对于x轴而言往右值增大（原点左为负），对于y轴而言往下值增大（原点上为负），y轴和以前在数学上学习的坐标系是相反的。画一张比较low的示意图如下：
当然图形视图框架的坐标系可没有那么简单，不然就没什么可说的了。那么图形视图框架的坐标系又有什么不一样的呢？还记得框架是由三个部分组成的，每一个部分都有自己的坐标系，这样这个框架就有三个坐标系了（这还不包括全局坐标系）。接下来分别聊聊这三个坐标系。
在开聊之前首先要明确一点，所谓坐标系就是一个相对的概念。怎么理解这句话，比如说在一个图中有一个坐标点为(10,20)，为什么这个点是10和20而不是30和40呢？10和20就是相对于一个点而言的，它不不是绝对的。这个相对的点就是所谓坐标系的原点。相对于某个坐标系点的坐标是多少，换个说法就是在某个坐标系中点的坐标是多少。
图形视图框架的三个坐标系分别是视图坐标系、场景坐标系和图元坐标系。三个坐标系分别由视图、场景和图元使用。比如在给场景中添加图元时，图元的位置就是相对于场景坐标系而言的。 在定义图元的形状时如上一篇中的矩形图元(-30,-30,60,60),这里的-30和60就是相对于图元坐标系而言的。再画一个比较Low的图表示三个坐标系如下：
真是麻烦，对于一个点只要有一个坐标系就好了，为什么还要搞三个坐标出来呢？那是因为三个部分是相对独立的，一个场景既可以用这个视图来渲染也可以用另一个视图来渲染，图元可以放在这个场景里也可以加到另一个场景里。在最终关联在一起之前他们是没办法用一个坐标系统一的，而且我在定义图元的时候，我根本不关心在场景里会是什么样子的，我只要按照自己的坐标系来定义好数据就可以了。三个部分使用各自的坐标系让整个框架使用起来更加的灵活。
再回到上面一部分，我们说坐标系是一个相对的概念，既然这样那么在这里有三个坐标系肯定会涉及到坐标转换的问题。比如说图二所示的基础上有个需求，要在圆角矩形的右下角位置显示一个窗口怎么办？我们知道圆角矩形的右下角点是多少，但是这是相对于图元坐标系而言的，而显示窗口位置使用的是视图坐标系，这就必须要将圆角矩形右下角这个点的坐标值转换为在视图坐标系下是多少。如果是按图中那样还好通过计算图元的位置和场景的位置也容易算出来，但是如果图元经过旋转、缩放和变形后这个值就不容易计算了。好在Qt提供了这些计算方法，我们只需调用就好了。这些函数以map开头如下图所示图元类提供的坐标转换函数：
不仅可以转换点的坐标还能直接转换矩形、多边形、以及路径等。
坐标系是图形视图框架中非常重要的一部分内容，但是由于很抽象难以理解，需要在实践中多去体会。
我是fearlazy！文章内容仅代表个人观点如有雷同纯属正常。由于文章不适合贴代码，若有源码需求请移步本人独立博客。
相关推荐
- 一个基于.Net Core遵循Clean Architecture原则开源架构
-
今天给大家推荐一个遵循CleanArchitecture原则开源架构。项目简介这是基于Asp.netCore6开发的，遵循CleanArchitecture原则，可以高效、快速地构建基于Ra...
- AI写代码翻车无数次，我发现只要提前做好这3步，bug立减80%
-
写十万行全是bug之后终于找到方法了开发"提示词管理助手"新版本那会儿，我差点被bug整崩溃。刚开始两周，全靠AI改代码架构，结果十万行程序漏洞百出。本来以为AI说没问题就稳了，结果...
- OneCode低代码平台的事件驱动设计:架构解析与实践
-
引言：低代码平台的事件驱动范式在现代软件开发中，事件驱动架构（EDA）已成为构建灵活、松耦合系统的核心范式。OneCode低代码平台通过创新性的注解驱动设计，将事件驱动理念深度融入平台架构，实现了业务...
- 国内大厂AI插件评测:根据UI图生成Vue前端代码
-
在IDEA中安装大厂的AI插件，打开ruoyi增强项目：yudao-ui-admin-vue31.CodeBuddy插件登录腾讯的CodeBuddy后，大模型选择deepseek-v3，输入提示语：...
- AI+低代码技术揭秘(二):核心架构
-
本文档介绍了为VTJ低代码平台提供支持的基本架构组件，包括Engine编排层、Provider服务系统、数据模型和代码生成管道。有关UI组件库和widget系统的信息，请参阅UI...
- GitDiagram用AI把代码库变成可视化架构图
-
这是一个名为gitdiagram的开源工具，可将GitHub仓库实时转换为交互式架构图，帮助开发者快速理解代码结构。核心功能一键可视化：替换GitHubURL中的"hub...
- 30天自制操作系统:第六天:代码架构整理与中断处理
-
1.拆开bootpack.c文件。根据设计模式将对应的功能封装成独立的文件。2.初始化pic:pic(可编程中断控制器)：在设计上，cpu单独只能处理一个中断。而pic是将8个中断信号集合成一个中断...
- AI写代码越帮越忙?2025年研究揭露惊人真相
-
近年来，AI工具如雨后春笋般涌现，许多人开始幻想程序员的未来就是“对着AI说几句话”，就能轻松写出完美的代码。然而，2025年的一项最新研究却颠覆了这一期待，揭示了一个令人意外的结果。研究邀请了16位...
- 一键理解开源项目:两个自动生成GitHub代码架构图与说明书工具
-
一、GitDiagram可以一键生成github代码仓库的架构图如果想要可视化github开源项目：https://github.com/luler/reflex_ai_fast，也可以直接把域名替换...
- 5分钟掌握 c# 网络通讯架构及代码示例
-
以下是C#网络通讯架构的核心要点及代码示例，按协议类型分类整理：一、TCP协议（可靠连接）1.同步通信//服务器端usingSystem.Net.Sockets;usingTcpListene...
- 从复杂到优雅:用建造者和责任链重塑代码架构
-
引用设计模式是软件开发中的重要工具，它为解决常见问题提供了标准化的解决方案，提高了代码的可维护性和可扩展性，提升了开发效率，促进了团队协作，提高了软件质量，并帮助开发者更好地适应需求变化。通过学习和应...
- 低代码开发当道，我还需要学习LangChain这些框架吗?| IT杂谈
-
专注LLM深度应用，关注我不迷路前两天有位兄弟问了个问题：当然我很能理解这位朋友的担忧：期望效率最大化，时间用在刀刃上，“不要重新发明轮子”嘛。铺天盖地的AI信息轰炸与概念炒作，很容易让人浮躁与迷茫。...
- 框架设计并不是简单粗暴地写代码，而是要先弄清逻辑
-
3.框架设计3.框架设计本节我们要开发一个UI框架，底层以白鹭引擎为例。框架设计的第一步并不是直接撸代码，而是先想清楚设计思想，抽象。一个一个的UI窗口是独立的吗？不是的，...
- 大佬用 Avalonia 框架开发的 C# 代码 IDE
-
AvalonStudioAvalonStudio是一个开源的跨平台的开发编辑器（IDE），AvalonStudio的目标是成为一个功能齐全，并且可以让开发者快速使用的IDE，提高开发的生产力。A...
- 轻量级框架Lagent 仅需20行代码即可构建自己的智能代理
-
站长之家（ChinaZ.com）8月30日消息:Lagent是一个专注于基于LLM模型的代理开发的轻量级框架。它的设计旨在简化和提高这种模型下代理的开发效率。LLM模型是一种强大的工具，可以...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- 框架图 (58)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (56)
- shiro框架 (61)
- 定时任务框架 (56)
- java日志框架 (61)
- mfc框架 (52)
- abb框架断路器 (48)
- beego框架 (52)
- java框架spring (58)
- grpc框架 (65)
- tornado框架 (48)
- 前端框架bootstrap (54)
- orm框架有哪些 (51)
- 知识框架图 (52)
- ppt框架 (55)
- 框架图模板 (59)
- 内联框架 (52)
- cad怎么画框架 (58)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)