Qt 视口和窗口的区别

视口和窗口

绘图设备的物理坐标是基本的坐标系,通过QPainter的平移、旋转等变换可以得到更容易操作的逻辑坐标

为了实现更方便的坐标,QPainter还提供了视口(Viewport)窗口(Window)坐标系,通过QPainter内部的坐标变换矩阵自动转换为绘图设备的物理坐标

视口表示绘图设备的任意一个矩形区域的物理坐标,可以只选取物理坐标的一个矩形区域用于绘图。默认情况下,视口等于绘图设备的整个矩形区

窗口与视口是同一个矩形,只不过是用逻辑坐标定义的坐标系。窗口可以直接定义矩形区的逻辑坐标范围

  • 不添加视口与窗口
cpp 复制代码
#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::paintEvent(QPaintEvent* event){
    QPainter painter(this);
    int width = this->width();
    int height = this->height();
    QRect rect(width/4,height/4,width/2,height/2);

    // painter.setViewport(width/2,height/2,width/2,height/2);
    // painter.setWindow(width/2,height/2,width,height);

    QPen pen;
    pen.setWidth(3);
    pen.setColor(Qt::blue);
    pen.setStyle(Qt::SolidLine);
    pen.setCapStyle(Qt::FlatCap);
    pen.setJoinStyle(Qt::BevelJoin);
    painter.setPen(pen);

    QBrush brush;
    brush.setColor(Qt::green);
    brush.setStyle(Qt::SolidPattern);
    painter.setBrush(brush);

    painter.drawRect(rect);
}
  • 添加视口

选择右下角四分之一区域作为视口

cpp 复制代码
painter.setViewport(width/2,height/2,width/2,height/2);
  • 添加窗口
cpp 复制代码
painter.setWindow(-width/2,-height/2,width,height);

更改窗口大小

cpp 复制代码
painter.setWindow(-width/2,-height/2,width/2,height/2);

这里思考一下窗口的起点坐标和窗口的大小,自然明白此处为什么不显示矩形

💡 视口与窗口实际上是同一区域,视口使用的是物理坐标,窗口使用的是逻辑坐标

使用窗口坐标的优点是,只需按照窗口坐标定义来绘图,而不用管实际的物理坐标范围的大小。例如在一个固定边长为100的正方形窗口内绘图,当实际绘图设备大小变化时,绘制的图形会自动变化大小。这样,就可以将绘图功能与绘图设备隔离开来,使得绘图功能适用于不同大小、不同类型的设备

相关推荐
Dreams_l13 分钟前
redis中的数据类型
java·开发语言
梵得儿SHI14 分钟前
Java IO 流详解:字符流(Reader/Writer)与字符编码那些事
java·开发语言·字符编码·工作原理·字符流·处理文本
太过平凡的小蚂蚁28 分钟前
Kotlin 协程中常见的异步返回与控制方式(速览)
开发语言·前端·kotlin
007php00736 分钟前
京东面试题解析:同步方法、线程池、Spring、Dubbo、消息队列、Redis等
开发语言·后端·百度·面试·职场和发展·架构·1024程序员节
想唱rap1 小时前
C++ list 类的使用
c语言·开发语言·数据结构·c++·笔记·算法·list
景彡先生1 小时前
Python函数定义与调用全解析:从基础语法到实战技巧
linux·开发语言·python
lingchen19062 小时前
MATLAB图形绘制基础(一)二维图形
开发语言·算法·matlab
朝新_2 小时前
【EE初阶】JVM
java·开发语言·网络·jvm·笔记·算法·javaee
Reggie_L2 小时前
RabbitMQ -- 保障消息可靠性
开发语言·后端·ruby
何中应2 小时前
如何截取PDF内容为图片
java·开发语言·后端·pdf