Qt坐标系统之三个坐标系和两个变换

2024-08-24 09:44

本文主要是介绍Qt坐标系统之三个坐标系和两个变换,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前言

Qt坐标系统由QPainter类控制。它和QPaintDeviceQPaintEngine类一起构成Qt绘图系统的基础。QPainter用于执行绘图操作,QPaintDeviceQPainter用来绘制的一个二维空间的抽象,QPaintEngine提供在不同设备绘图的接口。
Qt 的坐标分为逻辑坐标物理坐标。在我们绘制时,提供给QPainter的都是逻辑坐标。所谓物理坐标,就是绘制底层QPaintDevice的坐标。单单只有逻辑坐标,我们是不能在设备上进行绘制的。要想在设备上绘制,必须提供设备认识的物理坐标。Qt 使用viewport-window机制将我们提供的逻辑坐标转换成绘制设备使用的物理坐标,方法是,在逻辑坐标物理坐标之间提供一层“窗口”坐标。视口是由任意矩形指定的物理坐标窗口则是该矩形的逻辑坐标表示。默认情况下,物理坐标逻辑坐标一致的,都等于设备矩形。

正文

简述

三个坐标系

  • 逻辑坐标系(Logical Coordinate System
    也称为用户坐标系,是在编程时最常使用的坐标系。
    坐标原点(0,0)通常位于窗口的左上角,X轴向右增长,Y轴向下增长。
    通过逻辑坐标系来指定图形元素(如线条、矩形等)的位置和大小。
  • 窗口坐标系(Window Coordinate System
    是逻辑坐标系经过变换(如缩放、旋转等)后得到的坐标系。
    用于在绘制过程中表示图形元素在窗口中的实际位置。窗口决定了我是看你的一部分还是整体。
    QPainter内部使用的一个坐标系,用于将逻辑坐标转换为绘图设备(如屏幕、打印机等)上的物理坐标。
  • 物理坐标系(Physical Coordinate System
    也称为设备坐标系,代表了绘图设备(如屏幕、打印机等)上的实际坐标系统。
    物理坐标系的原点、坐标轴方向以及单位(通常是像素)由绘图设备决定。
    QPainter最终会将图形元素绘制到物理坐标系中。

也就是说我们在绘制图像的时候一般是先在逻辑坐标系上构建想法,然后调用相关代码进行绘制,然后编译器编译时会将我们绘制在逻辑坐标系上的图形转换到窗口坐标系,最后转换到物理坐标系
默认情况下这三种坐标系是等同的。
它们之间的转换关系

Logical Coordinate System—>Window Coordinate System—>Physical Coordinate System
逻辑坐标setWindow()变换窗口坐标setViewport()变换物理坐标

两个变换

  • setWindow() 变换
    用于设置窗口坐标系的范围。相当于给逻辑坐标系加一个方框,然后我只能看到这个方框里面的东西
    通过调用setWindow(xMin, yMin, xMax, yMax),可以指定窗口坐标系的左下角和右上角坐标。
    这个变换主要影响逻辑坐标系到窗口坐标系的映射关系,进而影响图形元素在窗口中的实际位置
  • setViewport() 变换
    用于设置物理坐标系中用于绘图的矩形区域(即视口(如屏幕))。
    通过调用setViewport(x, y, width, height),可以指定视口在物理坐标系中的位置和大小。
    这个变换主要影响窗口坐标系到物理坐标系的映射关系,进而影响图形元素在物理设备上的实际绘制位置。

例子

首先调用resize(300,300), 然后绘制窗口的两条对角线(注意我们现在所使用的就是逻辑坐标系)
在这里插入图片描述

使用setWindow()

在这里插入图片描述

可以看到窗口大小本身并没有变化,但是线段更细了(上面两条挨着的是新绘制的),我就添加了一行代码painter.setWindow(0,0,600,600);这行代码的意思是我设置了一个新的逻辑坐标系,在该逻辑坐标系下,窗口原点位于该逻辑坐标系的(0,0)位置,窗口的宽和高分别为600(原逻辑坐标系宽高为300,所以显得扩大了2倍;由于扩大了两倍,原先两个点相当于现在的一个点所以显得细了);然后我下面继续调用绘图时就会在这个新的逻辑坐标系下进行绘制,所以说300像素在新的逻辑坐标系中只能是中间的位置。

  • 如果设置painter.setWindow(0,0,600,600);painter.setWindow(0,0,150,150);会发生什么呢?
    在这里插入图片描述

可以看到窗口大小本身并没有变化,但是线条显得更加粗了;这是由于在新的逻辑坐标系中窗口的大小被设置成了150x150;原先在逻辑坐标中是300x300,相当于压缩了,原先的两个点相当于现在的一个点。

  • 如果将painter.setWindow(0,0,600,600);改成painter.setWindow(20,30,520,180);会发生什么呢?
    在这里插入图片描述
    为什么会这样呢?新画的对角线为什么会超出边界呢?此时的窗口坐标系的取值如何计算?其实这也很好理解,我有一条对角线,取它的两个端点(0,0),(75,75)这是它的逻辑坐标,它的窗口坐标怎么计算呢?
    对于(0,0):

((30 + 0 * 520/300),(20 + 0 * 180/300) = (30, 20 )

对于(75,75):

((30 + 75 * 520/300),(20 + 75 * 180/300) = (159.75, 65)

对于此时窗口坐标系的取值

横坐标的取值范围为[30, 490],纵坐标的取值范围为[20,160]
对于线段上的点总归有些计算完窗口坐标后会超出坐标取值范围,使得其不在窗口上

使用setViewport()

还是使用刚才的例子,不过有些变化
在这里插入图片描述
可以看到窗口大小本身并没有变化,但是线条显得更加粗了;这是因为painter.setViewport(0,0,600,600);意思是将绘图操作的视口设置为一个从 (0,0) 开始,宽度和高度都是 600 个单位(由于没有修改相应的窗口坐标,窗口坐标范围不变);这个代码相当于把整个物理坐标系翻倍了。也就是单位逻辑坐标变大了。原来逻辑坐标画1个像素点,现在相当于画2个。

  • 如果设置painter.setViewport(0,0,600,600);painter.setViewport(0,0,150,150);会发生什么呢?

在这里插入图片描述
可以看到窗口大小本身并没有变化,但是线条显得更加细了;这是因为painter.setViewport(0,0,150,150);意思是将绘图操作的视口设置为一个从 (0,0) 开始,宽度和高度都是 150 个单位(由于没有修改相应的窗口坐标,窗口坐标范围不变);这个代码相当于把整个物理坐标系缩小2倍了。也就是单位逻辑坐标变小了。比如(75,75)转换成窗口坐标后为

((0 + 75 * 150/300),(0 + 75 * 150/300)) = (37.5, 37.5)
而37.5在300*300的窗口坐标中只占了1/8

  • 如果设置painter.setViewport(0,0,600,600);painter.setViewport(20,30,540,120);会发生什么呢?

在这里插入图片描述
我们将物理坐标原点修改为 (20, 30),长540,高是 120 的矩形时,窗口坐标范围不变,也就是说,我们将物理宽 540px 映射成窗口宽 300px,物理高 120px 映射成窗口高 300px。那么坐标如何计算呢?
比如还是(0,0)与(75,75)
对于(0,0):

((20 + 0 * 540/300),(30 + 0 * 120/300) = (20, 30 )

对于(75,75):

((20 + 75 * 540/300),(30 + 75 * 120/300) = (155, 165)

对于此时窗口坐标系的取值

横坐标的取值范围为[20, 520],纵坐标的取值范围为[30,90]

遗留小问题,如果将paintEvent中的内容改成

	QPainter painter(this);painter.setViewport(0, 0, 150, 150);painter.fillRect(0, 0, 150, 150, Qt::green);

那么将会有多少窗口被填充?
答案是1/16

这篇关于Qt坐标系统之三个坐标系和两个变换的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1102125

相关文章

Linux系统中查询JDK安装目录的几种常用方法

《Linux系统中查询JDK安装目录的几种常用方法》:本文主要介绍Linux系统中查询JDK安装目录的几种常用方法,方法分别是通过update-alternatives、Java命令、环境变量及目... 目录方法 1:通过update-alternatives查询(推荐)方法 2:检查所有已安装的 JDK方

Linux系统之lvcreate命令使用解读

《Linux系统之lvcreate命令使用解读》lvcreate是LVM中创建逻辑卷的核心命令,支持线性、条带化、RAID、镜像、快照、瘦池和缓存池等多种类型,实现灵活存储资源管理,需注意空间分配、R... 目录lvcreate命令详解一、命令概述二、语法格式三、核心功能四、选项详解五、使用示例1. 创建逻

Spring Boot配置和使用两个数据源的实现步骤

《SpringBoot配置和使用两个数据源的实现步骤》本文详解SpringBoot配置双数据源方法,包含配置文件设置、Bean创建、事务管理器配置及@Qualifier注解使用,强调主数据源标记、代... 目录Spring Boot配置和使用两个数据源技术背景实现步骤1. 配置数据源信息2. 创建数据源Be

使用Python构建一个高效的日志处理系统

《使用Python构建一个高效的日志处理系统》这篇文章主要为大家详细讲解了如何使用Python开发一个专业的日志分析工具,能够自动化处理、分析和可视化各类日志文件,大幅提升运维效率,需要的可以了解下... 目录环境准备工具功能概述完整代码实现代码深度解析1. 类设计与初始化2. 日志解析核心逻辑3. 文件处

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序

Linux系统性能检测命令详解

《Linux系统性能检测命令详解》本文介绍了Linux系统常用的监控命令(如top、vmstat、iostat、htop等)及其参数功能,涵盖进程状态、内存使用、磁盘I/O、系统负载等多维度资源监控,... 目录toppsuptimevmstatIOStatiotopslabtophtopdstatnmon

Qt使用QSqlDatabase连接MySQL实现增删改查功能

《Qt使用QSqlDatabase连接MySQL实现增删改查功能》这篇文章主要为大家详细介绍了Qt如何使用QSqlDatabase连接MySQL实现增删改查功能,文中的示例代码讲解详细,感兴趣的小伙伴... 目录一、创建数据表二、连接mysql数据库三、封装成一个完整的轻量级 ORM 风格类3.1 表结构

C# 比较两个list 之间元素差异的常用方法

《C#比较两个list之间元素差异的常用方法》:本文主要介绍C#比较两个list之间元素差异,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. 使用Except方法2. 使用Except的逆操作3. 使用LINQ的Join,GroupJoin

Qt QCustomPlot库简介(最新推荐)

《QtQCustomPlot库简介(最新推荐)》QCustomPlot是一款基于Qt的高性能C++绘图库,专为二维数据可视化设计,它具有轻量级、实时处理百万级数据和多图层支持等特点,适用于科学计算、... 目录核心特性概览核心组件解析1.绘图核心 (QCustomPlot类)2.数据容器 (QCPDataC

linux重启命令有哪些? 7个实用的Linux系统重启命令汇总

《linux重启命令有哪些?7个实用的Linux系统重启命令汇总》Linux系统提供了多种重启命令,常用的包括shutdown-r、reboot、init6等,不同命令适用于不同场景,本文将详细... 在管理和维护 linux 服务器时,完成系统更新、故障排查或日常维护后,重启系统往往是必不可少的步骤。本文