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

相关文章

在C#中获取端口号与系统信息的高效实践

《在C#中获取端口号与系统信息的高效实践》在现代软件开发中,尤其是系统管理、运维、监控和性能优化等场景中,了解计算机硬件和网络的状态至关重要,C#作为一种广泛应用的编程语言,提供了丰富的API来帮助开... 目录引言1. 获取端口号信息1.1 获取活动的 TCP 和 UDP 连接说明:应用场景:2. 获取硬

JAVA系统中Spring Boot应用程序的配置文件application.yml使用详解

《JAVA系统中SpringBoot应用程序的配置文件application.yml使用详解》:本文主要介绍JAVA系统中SpringBoot应用程序的配置文件application.yml的... 目录文件路径文件内容解释1. Server 配置2. Spring 配置3. Logging 配置4. Ma

2.1/5.1和7.1声道系统有什么区别? 音频声道的专业知识科普

《2.1/5.1和7.1声道系统有什么区别?音频声道的专业知识科普》当设置环绕声系统时,会遇到2.1、5.1、7.1、7.1.2、9.1等数字,当一遍又一遍地看到它们时,可能想知道它们是什... 想要把智能电视自带的音响升级成专业级的家庭影院系统吗?那么你将面临一个重要的选择——使用 2.1、5.1 还是

高效管理你的Linux系统: Debian操作系统常用命令指南

《高效管理你的Linux系统:Debian操作系统常用命令指南》在Debian操作系统中,了解和掌握常用命令对于提高工作效率和系统管理至关重要,本文将详细介绍Debian的常用命令,帮助读者更好地使... Debian是一个流行的linux发行版,它以其稳定性、强大的软件包管理和丰富的社区资源而闻名。在使用

Ubuntu系统怎么安装Warp? 新一代AI 终端神器安装使用方法

《Ubuntu系统怎么安装Warp?新一代AI终端神器安装使用方法》Warp是一款使用Rust开发的现代化AI终端工具,该怎么再Ubuntu系统中安装使用呢?下面我们就来看看详细教程... Warp Terminal 是一款使用 Rust 开发的现代化「AI 终端」工具。最初它只支持 MACOS,但在 20

windows系统下shutdown重启关机命令超详细教程

《windows系统下shutdown重启关机命令超详细教程》shutdown命令是一个强大的工具,允许你通过命令行快速完成关机、重启或注销操作,本文将为你详细解析shutdown命令的使用方法,并提... 目录一、shutdown 命令简介二、shutdown 命令的基本用法三、远程关机与重启四、实际应用

Debian如何查看系统版本? 7种轻松查看Debian版本信息的实用方法

《Debian如何查看系统版本?7种轻松查看Debian版本信息的实用方法》Debian是一个广泛使用的Linux发行版,用户有时需要查看其版本信息以进行系统管理、故障排除或兼容性检查,在Debia... 作为最受欢迎的 linux 发行版之一,Debian 的版本信息在日常使用和系统维护中起着至关重要的作

基于Qt Qml实现时间轴组件

《基于QtQml实现时间轴组件》时间轴组件是现代用户界面中常见的元素,用于按时间顺序展示事件,本文主要为大家详细介绍了如何使用Qml实现一个简单的时间轴组件,需要的可以参考下... 目录写在前面效果图组件概述实现细节1. 组件结构2. 属性定义3. 数据模型4. 事件项的添加和排序5. 事件项的渲染如何使用

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

什么是cron? Linux系统下Cron定时任务使用指南

《什么是cron?Linux系统下Cron定时任务使用指南》在日常的Linux系统管理和维护中,定时执行任务是非常常见的需求,你可能需要每天执行备份任务、清理系统日志或运行特定的脚本,而不想每天... 在管理 linux 服务器的过程中,总有一些任务需要我们定期或重复执行。就比如备份任务,通常会选在服务器资