QT中视口与窗口的概念理解

看了一段间的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)这条线上，所以在视口上也只会映射此线段，而这边线段在映射在视口中正是上面这个结果。

 

综上实验可以得出如下结论：

1. 窗口的物理大小（resize(200, 200)），视口(viewport)以及窗口(window)大小是三个不同的概念。
2. 视口即窗口物理大小上画定的一块区域，用于呈现绘图结果。绘图位置与视口位置相关。
3. 窗口始终是以视口为映射对象的。映射关系是四个顶点一一对应进行映射,窗口是一个逻辑坐标系。