QT基本绘图 - 技术栈

QT绘图

1.概述

这篇文章介绍如何绘图

2.绘图基本操作

创建一个普通的widget类型的项目

在widget.h 文件中重写绘图事件

c 复制代码

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    
    ~Widget();
//    绘图事件
    void paintEvent(QPaintEvent *event);

private:
    Ui::Widget *ui;
};
#endif // WIDGET_H

在widget.cpp 文件中进行绘画

c 复制代码

#include "widget.h"
#include "ui_widget.h"
//导入绘画类
#include <QPainter>

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

}

//重写绘画事件
void Widget::paintEvent(QPaintEvent *event)
{
//    实例化绘画对象，这个this指的是在Widget对象中绘画，它不是对象树。
    QPainter painter(this);
//    绘制直线
    painter.drawLine(QPoint(10,10), QPoint(100,10));

//    画椭圆,第一个参数中心点，第二个参数X轴，第三个参数y轴
    painter.drawEllipse(QPoint(100,100),50,80);

//    画圆,第一个参数中心点，第二个参数X轴，第三个参数y轴
    painter.drawEllipse(QPoint(200,300),80,80);

//    画矩形 前两个参数是起点位置，后两个参数是长度
    painter.drawRect(QRect(10,10,20,30));

//    画文字，第一个参数是x和y的起点位置，第二个参数是显示的文字
    painter.drawText(QPoint(30,30),"千里江陵一日还");


}

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

3.设置画笔

设置画笔使用QPen 类提供的函数，首先查看帮助手册，了解他有哪些功能可以设置。

1.设置画笔颜色

c 复制代码

//    实例化绘画对象，这个this指的是在Widget对象中绘画，它不是对象树。
    QPainter painter(this);

//    设置画笔颜色
    QPen pen(QColor(255,255,0));
//    让绘画对象使用这个画笔
    painter.setPen(pen);

//    绘制直线
    painter.drawLine(QPoint(10,10), QPoint(100,10));

2.设置画笔宽度

c 复制代码

//    设置宽度
    pen.setWidth(10);

3.设置画笔风格

通过帮助文档查看画笔风格有哪些样式，点击style函数，跳转到枚举值。

点击Qt::PenStyle查看penStyle风格

c 复制代码

//    设置风格
    pen.setStyle(Qt::DashLine);

4.设置画刷

查看帮助手册，QBrush类提供的画刷功能。

c 复制代码

//    设置画刷对象
    QBrush brush(Qt::green);

//    设置画刷样式
    brush.setStyle(Qt::Dense7Pattern);

//    让画家使用画刷
    painter.setBrush(brush);

效果展示