首页 > 代码库 > qt坐标系统

qt坐标系统

#说明:坐标系统是由 QPainter控制的QPaintDevice是那些能够让 QPainter 进行绘制的“东西”(准确的术语叫做,二维空间)
# 的抽象层(其子类有QWidget、 QPixmap、 QPicture、 QImage 和 QPrinter 等); QPaintEngine 提供供 QPainter#,使用的用于在不同设备上绘制的统一的接口。
#概念:坐标系统,也就是 QPaintDevice 上面的坐标。默认坐标系统位于设备的左上角,也就是坐标原点 (0, 0)。x 轴方向向右;y 轴方
# 向向下。在基于像素的设备上(比如显示器),坐标的默认单位是像素,在打印机上则是点(1/72 英寸)。
"""
将 QPainter 的逻辑坐标与 QPaintDevice 的物理坐标进行映射的工作,是由 QPainter 的
变换矩阵(transformation matrix)、视口(viewport)和窗口(window)完成的。如果你不
理解这些术语,可以简单了解下有关图形学的内容。实际上,对图形的操作,底层的数学都
是进行的矩阵变换、相乘等运算。
在 Qt 的坐标系统中,每个像素占据 1×1 的空间。你可以把它想象成一张方格纸,每个小
格都是 1 个像素。方格的焦点定义了坐标,也就是说,像素 (x, y) 的中心位置其实是在 (x +
0.5, y + 0.5) 的位置上。这个坐标系统实际上是一个“半像素坐标系”。我们可以通过下面的
示意图来理解这种坐标系
"""

如图:

我们使用一个像素的画笔进行绘制, 可以看到,每一个绘制像素都是以坐标点为中心的矩形。
注意,这是坐标的逻辑表示,实际绘制则与此不同。因为在实际设备上,像素是最小单位,

在实际绘制时,Qt 的定义是,绘制
点所在像素是逻辑定义点的右下方的像素。

如图:绘制矩形左上角  (1, 2)  时,实际绘制的像素是在右下方.

当绘制大于 1 个像素时,情况比较复杂:如果绘制像素是偶数,则实际绘制会包裹住逻辑坐
标值;如果是奇数,则是包裹住逻辑坐标值,再加上右下角一个像素的偏移

如图:如果实际绘制是偶数像素,则会将逻辑坐标值夹在相等的两部分像素之间;如果是奇数,则会在右下方多出一个像素.

QRect::right()和 QRect::bottom()的返回值并不是矩形右下角点的真实坐标值.

QRect::right()返回的是  left() + width() –  1;QRect::bottom()则返回  top() + height()  –  1

QRectF 使用浮点值

这个类的两个函数 QRectF::right()和 QRectF::bottom()是正确的。如果你不得不使
用 QRect,那么可以利用 x() + width() 和 y() + height() 来替代 right() 和 bottom() 函数。

对于反走样,实际绘制会包裹住逻辑坐标值:

如图:

坐标变换:QPainter::save()和 QPainter::restore()当我临时绘制某

些图像时,就可能想这么做。当然,我们有最原始的办法:将可能改变的状态,比如画笔颜
色、粗细等,在临时绘制结束之后再全部恢复。对此, QPainter 提供了内置的函数: save()
和 restore()。save()就是保存下当前状态;restore()则恢复上一次保存的结果。这两个函数
必须成对出现: QPainter 使用栈来保存数据,每一次 save(),将当前状态压入栈顶, restore()
则弹出栈顶进行恢复。

from PyQt4.QtGui import  *

from PyQt4.Qt import *

from PyQt4 import QtGui, QtCore

from PyQt4.QtCore import *

import sys

 

class Painterd(QWidget):

    def __init__(self):

        super(Painterd,self).__init__()

        self.resize(400,300)

        self.setWindowTitle(‘paint‘)

    def paintEvent(self, e):

        paint=QPainter(self)

        paint.fillRect(10,10,50,100,Qt.red)#在  (10, 10)  点绘制一个红色的  50×100  矩形

        paint.save()#保存当前状态

        paint.translate(100,0)#向右平移100像素

        paint.fillRect(10,10,50,100,Qt.yellow)

        paint.restore()#恢复先前状态

        paint.save()

        paint.translate(300,0)

        paint.rotate(30)#顺时针旋转30度

        paint.fillRect(10,10,50,100,Qt.green)

        paint.restore()

        paint.save()

        paint.translate(400,0)

        paint.scale(2,3)#横坐标单位放大2倍,纵坐标放大3倍

        paint.fillRect(10,10,50,100,Qt.blue)

        paint.restore()

        paint.save()

        paint.translate(600,0)

        paint.shear(0,1)#横坐标单位不变,纵坐标扭曲1倍

        paint.fillRect(10,10,50,100,Qt.cyan)

        paint.restore()

        #平移  translate,旋转  rotate,缩放  scale  和扭曲  shear

def main():

    app = QtGui.QApplication(sys.argv)

    ex =Painterd()

    ex.show()

    sys.exit(app.exec_())

if __name__ == ‘__main__‘:

    main()

如图:

#其他说明:Qt的坐标分为逻辑坐标和物理坐标,QPainter 的都是逻辑坐标绘制底层QPaintDevice 的坐标。单单只有逻辑坐标,Qt  使用  viewport- window  机制将我们提供的逻辑

# 坐标转换成绘制设备使用的物理坐标方法是,

# 在逻辑坐标和物理坐标之间提供一层“窗口”坐标。视口是由任意矩形指定的物理坐标;窗口则是该矩形的逻辑坐标表示。

# 默认情况下,物理坐标和逻辑坐标是一致的,都等于设备矩形。

#视口坐标(也就是物理坐标)和窗口坐标是一个简单的线性变换。比如一个  400×400  的窗口:

def paintEvent(self, e):

        paint=QPainter(self)

        paint.setWindow(0,0,200,200)

        paint.fillRect(0,0,200,200,Qt.red)

如图:

将窗口矩形设置为左上角坐标为 (0, 0),长和宽都是 200px。此时,坐标原点不变,还
是左上角,但是,对于原来的 (400, 400) 点,新的窗口坐标是 (200, 200)。我们可以理解成,
逻辑坐标被“重新分配”。这有点类似于 translate(),但是,translate()函数只是简单地将坐
标原点重新设置,而 setWindow()则是将整个坐标系进行了修改。这段代码的运行结果是
将整个窗口进行了填充。

def paintEvent(self, e):

        paint=QPainter(self)

        paint.translate(200,200)

        #坐标原点设置到 (200, 200) 处,横坐标范围是 [-200, 200],纵坐标范围是 [ -200, 200]。

        paint.setWindow(-160,-320,320,640)

        #坐标原点也是在窗口正中心,但是,我们将物理宽 400px 映射成窗口宽 320px,物理高 400px 映射成窗口高 640px ,此时,横坐标范围是 [ -160, 160],纵坐标范围

是 [ -320, 320]

如图:

#设原来有个点坐标是 (64 , 60),那么新的窗口坐标下对应的坐标应该是 ((-160 + 64 * 320 / 400), (-320 + 60 * 640 / 400)) = (-108.8, -224)。

逻辑坐标、窗口坐标和物理坐标之间的关系:

def paintEvent(self, e):

        paint=QPainter(self)

        paint.setViewport(0, 0, 200, 200)#viewport  代表物理坐标

        """

        默认的逻辑坐标范围是左上角坐标为  (0, 0) ,

长宽都是  400px  的矩形。当我们将物理坐标修改为左上角位于  (0, 0),长高都是  200px  的

矩形时,窗口坐标范围不变,也就是说,我们将物理宽  200px  映射成窗口宽  400px,物理

高  200px  映射成窗口高  400px,所以,原始点  (200, 200)  的坐标变成了  ((0 + 200 * 200 /

400), (0 + 200 * 200 / 400)) = (100, 100)。

        """

        paint.fillRect(0, 0, 200, 200, Qt.red)

如图:

#其他说明:传给 QPainter 的是逻辑坐标(也称为世界坐标),逻辑坐标可以通过变换矩阵转换成

窗口坐标,窗口坐标通过 window-viewport 转换成物理坐标(也就是设备坐标)

#更多信息请看:http://www.linuxidc.com/Linux/2011-07/39246.htm