Qt基础图形绘制

最新推荐文章于 2024-06-06 19:56:10 发布

十年编程老舅

最新推荐文章于 2024-06-06 19:56:10 发布

阅读量466

点赞数 1

分类专栏： QT开发文章标签： qt 数据结构 C/C++ c++ qt开发

本文链接：https://blog.csdn.net/m0_73443478/article/details/128985192

版权

QT开发专栏收录该内容

759 篇文章 196 订阅

订阅专栏

1、Qt图形系统中的关键角色

QPainter–Qt中的画家，能够绘制各种基础图形，拥有绘图所需的画笔、画刷、字体

QPaintDevice–Qt中的画布，画家的绘图板，所有的QWidget类都继承自QPaintDevice

Qt图形系统中的关键角色

本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QSS，OpenCV，Quick模块，面试题等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓

Qt中所使用的工具

1.QPen-用于绘制几何图形的边缘，由颜色、宽度、线风格等参数组成

2.QBrush-用于填充几何图形的调色板，由颜色和填充风格组成

3.QFont-用于文本绘制，由字体属性组成

需要注意的是–只能在QWidget::paintEvent中绘制图形

2、Qt图形系统中的坐标系

1.物理坐标系–原点(0,0)在左上角的位置，单位是像素并且X坐标向右增长，Y坐标向下增长

2.逻辑坐标系–数学模型中的抽象坐标系，单位由具体问题决定，坐标轴的增长方向由具体问题决定

我们需要注意的是QPainter使用逻辑坐标系绘制图形，逻辑坐标系中图形的大小和位置经由转换后绘制于具体设备，且在默认情况下的逻辑坐标与物理坐标系完全一致

3、视口与窗口

1.视口–物理坐标系中一个任意指定的矩形

2.窗口–逻辑坐标系下对应到物理坐标系中的相同矩形

深入理解视口与窗口

1.视口与窗口是不同坐标系中的同一个矩形

2.视口与窗口中的坐标点存在一一映射的关系

3.视口与窗口能够通过坐标转换而相互转换

视口与窗口的变换方法

1.定义视口–左上角坐标，右下角坐标，计算宽度和高度

2.定义窗口–左上角坐标，右下角坐标，计算宽度和高度

代码示例

Widget.cpp
#include "Widget.h"
#include <QPainter>
#include <QPointF>
#include <QPen>
#include <qmath.h>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
}

void Widget::paintEvent(QPaintEvent *)
{
    //绘图工具的基本设置
    QPainter painter(this);
    QPen pen;

    pen.setColor(Qt::green);
    pen.setStyle(Qt::SolidLine);
    pen.setWidthF(0.01);

    painter.setPen(pen);

    painter.setViewport(50, 50, width()-100, height()-100);//视图
    painter.setWindow(-10, 2, 20, -4); //窗口

    painter.fillRect(-10, 2, 20, -4, Qt::black);

    painter.drawLine(QPointF(-10, 0), QPointF(10, 0));   // x
    painter.drawLine(QPointF(0, 2), QPointF(0, -2));     // y

    for(float x=-10; x<10; x+=0.01)
    {
        float y = qSin(x);

        painter.drawPoint(QPointF(x, y));
    }

}

Widget::~Widget()
{

}

运行结果如图所示