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的正方形窗口内绘图,当实际绘图设备大小变化时,绘制的图形会自动变化大小。这样,就可以将绘图功能与绘图设备隔离开来,使得绘图功能适用于不同大小、不同类型的设备

相关推荐
爱吃喵的鲤鱼3 分钟前
仿mudou——Connection模块(连接管理)
linux·运维·服务器·开发语言·网络·c++
爱吃小胖橘27 分钟前
Unity网络开发--超文本传输协议Http(1)
开发语言·网络·网络协议·http·c#·游戏引擎
郝学胜-神的一滴35 分钟前
使用Linux的read和write系统函数操作文件
linux·服务器·开发语言·数据库·c++·程序人生·软件工程
小火柴1231 小时前
利用R语言绘制直方图
开发语言·r语言
csbysj20201 小时前
React 表单与事件
开发语言
初圣魔门首席弟子1 小时前
c++ bug 函数定义和声明不一致导致出bug
开发语言·c++·bug
IT小农工2 小时前
Word 为每一页设置不同页边距(VBA 宏)
开发语言·c#·word
sali-tec2 小时前
C# 基于halcon的视觉工作流-章42-手动识别文本
开发语言·人工智能·算法·计算机视觉·c#·ocr
csbysj20202 小时前
中介者模式
开发语言