Qt 使用视口和窗口作图

物理坐标系与逻辑坐标系

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

易操作的逻辑坐标系。

物理坐标系也称为视口(viewport)坐标系,逻辑坐标系也称为窗口( window)

坐标系,通过内部的坐标变换矩阵, QPainter 能自动将逻辑坐标变换为绘图设备的物理坐标。

视口

视口是指绘图设备的任意一个矩形区域,它使用物理坐标系。我们可以只选取物理坐标系中的一

个矩形区域来绘图,默认情况下,视口等于绘图设备的整个矩形区域。

定义视口

cpp 复制代码
painter.setViewport(50,0,200,200);

窗口

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

cpp 复制代码
void QPainter::setWindow(int x, int y, int width, int height)
painter.setWindow(-50,-50,100,100);

视口和窗口使用例子

初始化

cpp 复制代码
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    int W= this->width();
    int H = this->height();
    int side = qMin(W,H);

定义视口矩形

取长和宽的最小值,作为正方形的边长

cpp 复制代码
    QRect  rect((W-side)/2,(H-side)/2,side,side);
    painter.drawRect(rect);//绘制一个矩形
    painter.setViewport(rect);//设置为视口

设置窗口的坐标系

cpp 复制代码
    painter.setWindow(-100,-100,200,200);//设置窗口的坐标系

设置画笔

cpp 复制代码
    QPen pen;
    pen.setWidth(1);
    pen.setColor(Qt::red);
    pen.setStyle(Qt::SolidLine);
    pen.setCapStyle(Qt::FlatCap);//线端点样式
    pen.setJoinStyle(Qt::BevelJoin);//线的连接点样式
    painter.setPen(pen);

使用窗口坐标系作图

画圆,每10°,通过坐标系的旋转画一个圆,画24个

cpp 复制代码
    for(int i=0;i<24;i++)
    {
        painter.drawEllipse(QPoint(50,0),50,50);
        painter.rotate(10);
    }

结果

总结

  1. 设置了窗口坐标系,按照窗口坐标系作图

2.当窗口的宽度大于高度时,以高度为正方形边长,当高度大于宽度时,以宽度为正方形边长,且图形是自动缩放的。

3.首先定义了一个正方形视口,正方形以绘图设备的长、宽中的较小者为边长。然后定义了窗口,定义的窗口是中心在原点,边长为 200 像素的正方形。

相关推荐
lsnm3 分钟前
C++新手项目-JsonRPC框架
开发语言·c++·1024程序员节
给大佬递杯卡布奇诺1 小时前
FFmpeg 基本数据结构 AVPacket分析
数据结构·c++·ffmpeg·音视频
南方的狮子先生1 小时前
【数据结构】从线性表到排序算法详解
开发语言·数据结构·c++·算法·排序算法·1024程序员节
程序猿编码1 小时前
Linux 文件变动监控工具:原理、设计与实用指南(C/C++代码实现)
linux·c语言·c++·深度学习·inotify
好好学习啊天天向上2 小时前
多维c++ vector, vector<pair<int,int>>, vector<vector<pair<int,int>>>示例
开发语言·c++·算法
我狸才不是赔钱货2 小时前
CUDA:通往大规模并行计算的桥梁
c++·人工智能·pytorch
winds~3 小时前
【GUI】本地电脑弹出远程服务器的软件GUI界面
运维·服务器·c++
杨筱毅5 小时前
【穿越Effective C++】条款8:别让异常逃离析构函数——C++异常安全的关键支柱
c++·effective c++
code monkey.5 小时前
【探寻C++之旅】C++ 智能指针完全指南:从原理到实战,彻底告别内存泄漏
c++·c++11·智能指针