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);

效果展示

相关推荐
谢娘蓝桥10 分钟前
[Xmos] Xmos架构
开发语言·架构·xmos
yi.Ist16 分钟前
数据结构 —— 栈(stack)在算法思维中的巧妙运用
开发语言·数据结构
[纳川]27 分钟前
把word中表格转成excle文件
开发语言·c#·word
s153351 小时前
C++STL-deque
开发语言·c++
Devil枫1 小时前
Kotlin项目实战与总结
开发语言·jvm·kotlin
yeziyfx1 小时前
kotlin中集合的用法
android·开发语言·kotlin
三体世界2 小时前
TCP传输控制层协议深入理解
linux·服务器·开发语言·网络·c++·网络协议·tcp/ip
随心点儿2 小时前
使用python 将多个docx文件合并为一个word
开发语言·python·多个word合并为一个
不学无术の码农2 小时前
《Effective Python》第十三章 测试与调试——使用 Mock 测试具有复杂依赖的代码
开发语言·python
tomcsdn313 小时前
SMTPman,smtp的端口号是多少全面解析配置
服务器·开发语言·php·smtp·邮件营销·域名邮箱·邮件服务器