赞
踩
看了一段间的QT,对视口与窗口的概念一直有些模糊,经过一段时间阅读网上资料和实践,终于理解一二,记录于此。
在QT中 WIdget在构建并显示以后会有一 个默认的大小,而此时其实已经存在窗口和视口,只是这两者在没有人为改变时大小是一样的,所以你可以忽略二者的存在;QT在绘图时是先在窗口中绘制然后再映射到视口上去的。 视口就是代表我们的物理窗口,窗口是代表绘图区(QT的画板)使用的逻辑坐标。 在两者相同的情况下也是一一映射关系,所以你会看到所画即所得。 但是当两者不同时,如果不理解就会觉得莫名其妙。如下代码:
TEST::TEST(QWidget *parent) : QWidget(parent)
{
setWindowTitle(QObject::tr("测试Widget"));
resize(200,200);
}
void TEST::paintEvent(QPaintEvent *event)
{
QPainter painter(this);
QPen pen(Qt::red);
painter.setPen(pen);
qDebug() << "viewport:\t x = " << painter.viewport().width() << "y = "
<< painter.viewport().height();
qDebug() << "window:\t\t x = " << painter.window().width() << "y = "
<< painter.window().height();
painter.drawRect(0,0,100,100);
painter.drawLine(0,0, 100, 100);
// painter.setViewport(0, 0, 100 ,100 );
// painter.setWindow(0, 0,100,100);
qDebug() << "set viewport:\t x = " << painter.viewport().width() << "y = "
<< painter.viewport().height();
qDebug() << "set window:\t x = " << painter.window().width() << "y = "
<< painter.window().height();
painter.drawRect(50,50, 50, 50);
painter.drawLine(100,0, 0, 100);
}
以上所画即所得,不用解释即可明白, 需要注意的是,在没有人为改变时,视口和窗口大小都是200x200的。
下面修改视口大小如下:
注意,此时视口大小为100x100, 但窗口大小仍为200x200, 所以映射时窗口会被缩小一倍进行绘制。 运行结果如下:
可以看到在改变视口后,绘制的正方形(50, 50, 50, 50)从起始坐标到长度都被缩小一倍到物理窗口的(25, 25, 25, 25), 斜线从窗口的(100, 0, 0, 100)绘到了物理窗口的(50,0,0,50)位置。 从此可以看到,不仅是单纯的大小变化,起始坐标也被改变。
下面来改一下窗口,视口保持不变,代码如下:
注意此时我们只改变以了窗口大小,视口是没有变的,还是200X200, 所以此时画出来的图会被放大一倍来显示,结果如下:
可以看到在改变窗口,视口不变的情况下,绘制的正方形(50, 50, 50, 50)从起始坐标到长度都被缩小一倍到物理窗口的(100, 100, 100, 100), 斜线从窗口的(100, 0, 0, 100)绘到了物理窗口的(200,0,0,200)位置。 从此可以看到,不仅是单纯的大小变化,起始坐标也被改变。
最后将两都做如下修改:
此时,两者又一样了,但比原始窗口均小一倍,结果如下:
再将代码改为如下:
由上可以看到,小正方形和斜线在x, y方向上都偏移了10个像素, 原因在于viewport的大小没变,但位置从原来的(0,0)修改到了(10, 10), 但斜线和小正方形的相对位置是没有变的。
再做如下修改:
这次的结果是出乎意料的, 可能你会觉得小正方形会变为(40, 40, 50, 50), 斜线会变为:(90, 0, 0, 90), 但实际结果为:小正方形却实如下所述, 但斜线却变为了(80, 0, 0 , 80),如下所示:
原因在于(100, 0, 0, 100)这条线与窗口(10,10,110, 110)的矩形区域交界大概在(90,10, 10, 90)这条线上,所以在视口上也只会映射此线段,而这边线段在映射在视口中正是上面这个结果。
综上实验可以得出如下结论:
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。