【QT】基本的绘图操作和高级绘图

最新推荐文章于 2024-04-27 23:54:48 发布
最新推荐文章于 2024-04-27 23:54:48 发布
阅读量3.2k 收藏 15
点赞数
分类专栏： QT 文章标签： qt keep studying
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zhouzi_heng/article/details/134190574
版权

基本绘图

新建项目

重新绘图事件

画基本图形

#include "widget.h"
#include "ui_widget.h"
#include <QPainter>

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

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

// 重写绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    // 创建画家
    // this表示绘图设备，往当前窗口画画
    QPainter painter(this);
    painter.drawLine(QPoint(0, 0), QPoint(100, 100));                 // 画线
    painter.drawEllipse(QPoint(100, 100), 50, 50);                    // 画圆(椭圆)
    painter.drawRect(QRect(20, 20, 50, 50));                          // 画矩形
}

效果

写字

    // 写字
    painter.setFont(QFont("华文彩云", 20));         // 设置字体字号
    painter.drawText(QRect(0, 200, 200, 150), "好好学习，天天向上");

效果

设置画笔颜色、宽度、风格

#include "widget.h"
#include "ui_widget.h"
#include <QPainter>

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

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

// 重写绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    // 创建画家
    // this表示绘图设备，往当前窗口画画
    QPainter painter(this);

    // 指定画笔
    QPen pen(QColor(255, 0, 0));
    // 设置画笔的宽度
    pen.setWidth(3);        // 默认是1
    // 设置画笔风格
    pen.setStyle(Qt::DotLine);
    // 画家使用画笔
    painter.setPen(pen);

    painter.drawLine(QPoint(0, 0), QPoint(100, 100));                 // 画线
    painter.drawEllipse(QPoint(100, 100), 50, 50);                    // 画圆(椭圆)
    painter.drawRect(QRect(20, 20, 50, 50));                          // 画矩形


    // 写字
    painter.setFont(QFont("华文彩云", 20));         // 设置字体字号
    painter.drawText(QRect(0, 200, 200, 150), "好好学习，天天向上");

}

效果

画刷，可以填充封闭的图案
#include "widget.h"
#include "ui_widget.h"
#include <QPainter>

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

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

// 重写绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    // 创建画家
    // this表示绘图设备，往当前窗口画画
    QPainter painter(this);

    // 指定画笔
    QPen pen(QColor(255, 0, 0));
    // 设置画笔的宽度
    pen.setWidth(3);        // 默认是1
    // 设置画笔风格
    pen.setStyle(Qt::DotLine);
    // 画家使用画笔
    painter.setPen(pen);


    // 画刷，可以填充封闭的图案
    QBrush brush(Qt::cyan);         // 青色
    // 设置画刷风格
    brush.setStyle(Qt::Dense5Pattern);
    // 画家使用画刷
    painter.setBrush(brush);



    painter.drawLine(QPoint(0, 0), QPoint(100, 100));                 // 画线
    painter.drawEllipse(QPoint(100, 100), 50, 50);                    // 画圆(椭圆)
    painter.drawRect(QRect(20, 20, 50, 50));                          // 画矩形


    // 写字
    painter.setFont(QFont("华文彩云", 20));         // 设置字体字号
    painter.drawText(QRect(0, 200, 200, 150), "好好学习，天天向上");

}

效果

高级绘图

设置抗锯齿

    painter.drawEllipse(QPoint(100, 100), 50, 50);          // 画圆

    // 设置抗锯齿
    painter.setRenderHint(QPainter::Antialiasing);
    painter.drawEllipse(QPoint(250, 100), 50, 50);          // 画圆

效果

移动画家

    painter.drawRect(QRect(20, 20, 50, 50));
    // 移动画家
    painter.translate(100, 0);
    painter.save();                 // 保存
    painter.drawRect(QRect(20, 20, 50, 50));
    painter.translate(100, 0);
    painter.restore();              // 恢复到100处
    painter.drawRect(QRect(20, 20, 50, 50));

效果

画成品图，导入资源：【QT】资源文件导入_复制其他项目中的文件到qt项目中_StudyWinter的博客-CSDN博客

代码

    // 画成品的图案
    QPixmap pix;
    pix.load(":/Image/Luffy.png");
    painter.drawPixmap(0, 0, pix);

效果

在UI文件中加pushbutton，点击button，图片移动。

加入成员变量记录坐标信息

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

    // 点击移动按钮，图片移动
    connect(ui->pushButton, &QPushButton::clicked, this, [=]() {
        posX += 10;
        // 重新画图，手动调用
        update();       // 自动调用paintEvent

    });
}

效果

图片左边出去，可以从右边回来

    // 画成品的图案
    QPixmap pix;
    pix.load(":/Image/Luffy.png");
    // 窗口的宽度
    if (posX > this->width()) {
        // 重置
        posX = 0 - pix.width();
    }
    painter.drawPixmap(posX, 0, pix);

效果

图片自动移动，利用定时器

    // 图片自动移动
    QTimer* time = new QTimer(this);
    time->start(10);
    connect(time, &QTimer::timeout, this, [=]() {
        posX++;
        update();
    });

所有代码

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

    // 记录坐标
    int posX;

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

widget.cpp

#include "widget.h"
#include "ui_widget.h"
#include <QPainter>
#include <QPushButton>
#include <QTimer>

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

    // 点击移动按钮，图片移动
    connect(ui->pushButton, &QPushButton::clicked, this, [=]() {
        posX += 10;
        // 重新画图，手动调用
        update();       // 自动调用paintEvent

    });


    // 图片自动移动
    QTimer* time = new QTimer(this);
    time->start(10);
    connect(time, &QTimer::timeout, this, [=]() {
        posX++;
        update();
    });
}

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

// 重写绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    // 创建画家
    // this表示绘图设备，往当前窗口画画
    QPainter painter(this);

    /***************************************基本绘图**************************************/

//    // 指定画笔
//    QPen pen(QColor(255, 0, 0));
//    // 设置画笔的宽度
//    pen.setWidth(3);        // 默认是1
//    // 设置画笔风格
//    pen.setStyle(Qt::DotLine);
//    // 画家使用画笔
//    painter.setPen(pen);


//    // 画刷，可以填充封闭的图案
//    QBrush brush(Qt::cyan);         // 青色
//    // 设置画刷风格
//    brush.setStyle(Qt::Dense5Pattern);
//    // 画家使用画刷
//    painter.setBrush(brush);

//    painter.drawLine(QPoint(0, 0), QPoint(100, 100));                 // 画线
//    painter.drawEllipse(QPoint(100, 100), 50, 50);                    // 画圆(椭圆)
//    painter.drawRect(QRect(20, 20, 50, 50));                          // 画矩形


//    // 写字
//    painter.setFont(QFont("华文彩云", 20));         // 设置字体字号
//    painter.drawText(QRect(0, 200, 200, 150), "好好学习，天天向上");



    /*****************************************高级绘图****************************************/
//    painter.drawEllipse(QPoint(100, 100), 50, 50);          // 画圆

//    // 设置抗锯齿
//    painter.setRenderHint(QPainter::Antialiasing);
//    painter.drawEllipse(QPoint(250, 100), 50, 50);          // 画圆

//    painter.drawRect(QRect(20, 20, 50, 50));
//    // 移动画家
//    painter.translate(100, 0);
//    painter.save();                 // 保存
//    painter.drawRect(QRect(20, 20, 50, 50));
//    painter.translate(100, 0);
//    painter.restore();              // 恢复到100处
//    painter.drawRect(QRect(20, 20, 50, 50));


    // 画成品的图案
    QPixmap pix;
    pix.load(":/Image/Luffy.png");
    // 窗口的宽度
    if (posX > this->width()) {
        // 重置
        posX = 0 - pix.width();
    }
    painter.drawPixmap(posX, 0, pix);




}

StudyWinter
关注
  • 0
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QT QPainter基本绘图应用程序示例
01-24
Qt的绘图系统使用户可以在屏幕或打印设备上用相同的API绘图，绘图系统基于QPainter、QPaint Device和QPaintEngine类。QPainter是用来进行绘图操作的类，QPaintDevice是一个可以使用QPainter进行绘图的抽象的二维界面，QPaintEngine给QPainter提供在不同设备上绘图的接口。QPaintEngine类由QPainter和QPaintDevice内部使用，应用程序一般无需和QPaintEngine打交道，除非要创建自己的设备类型。 一般的绘图设备包括QWidget、QPixmap、QImage等，这些绘图设备为QPainter提供一个"画布"。 为演示QPainter绘图的基本功能，创建一个Qt Widget Application项目samp8_1,并选择窗口基类为QWidget,自动创建窗体。创建后的项目有一个Widget类，为了简化代码功能，Widget窗口里不再放置任何其他组件，只用来绘图。
qt 绘图工具 实例 C++ 2D 图形绘制 编辑
05-04
QT C++ 2D 绘图 可编辑图形 工程实例。可用于编写2D绘图软件参考。
Qt绘图与图形视图之常见图形、路径、文字、图片的绘制介绍
最新发布
LF__plus的博客
04-27 1049
Qt绘图与图形视图之常见图形、路径、文字、图片的绘制介绍
QT 画图 详解
06-21
利用api 进行简单的画动态曲线图 简单 易懂 注释了每条 语句的意思
基于Qt画图板
04-28
基于Qt画图板； 改变颜色，线宽； 去锯齿； 可以画直线、箭头、矩形、圆； 有前进后退清屏功能
QT 编写的画图软件
09-19
自己用QT模仿了window下的画图软件，编写了一个，大部分功能都实现了
【QT】QT基本图形绘制
半生瓜のblog
02-23 4356
基本图形绘制 QPainter绘制基本图形 **注意：**QPainter画弧度所使用的角度值，是以1/16°为单位的，在画弧度的时候1°用16表示。 **例如：**30°——30 x 16 兼容模式QPainer::CompositionMode **例如:**可用于图片叠加，达到你想要的效果。 QPainterPath绘制简单图形 QPainterPath为QPainter类提供一个存储容器，里面包含了所要绘制的内容的集合及绘制顺序，如长方形、多边形、曲线等各种任意图形。当需要绘制此预先存储在QP
Qt学习（十二）—— 绘图
饭的笔记本
07-15 1566
绘图主要涉及到三个类QPainter、QPaintEngine、QPainDevice。其中，常用的是QPaiter和QPaintDevice。 注意： 画图需要重写绘图事件虚函数。 如果在窗口绘图，必须放在绘图事件里实现。 绘图事件由内部自动调用，比如窗口需要重绘的时候（即状态改变，如窗口大小改变），当然也可以人为调用。 void painterEvent(QPaintEvent *ev); P.S：使用QPainter要引入头文件<QPainter> 下面我们来创建一个QPainter
QT基础3--绘图相关
liyaoliy的博客
01-27 138
绘图： QPainter->QPaintEngine->QPaintDevice widget.h： #ifndef WIDGET_H #define WIDGET_H #include <QWidget> namespace Ui { class Widget; } class Widget : public QWidget { Q_OBJECT public: explicit Widget(QWidget *parent = 0); ~Widge
在QTableWidget上画图失败
miaojiangtian的博客
01-29 544
出现问题： 在QTableWidget上画图时，正常调用Qpaint后发现没有成功画图；分析问题： QT没有提供底层的接口，QTableWidet不具备直接画图的权限；解决方法： 在布局中插入QWidget，在QWidget上画图，插入到QTableWidget中，即可；
qt学习笔记5(图形绘制，视口和窗口，图像的处理与绘制，截图，文本的绘制，随机对话框)
qq_50299271的博客
08-01 724
因为上面的规则，qt页面的绘制只有在“QWidget::paintEvent”事件函数中进行绘制，那么数据与绘制函数之间的交互就需要使用到链表，当只要有事件产生，就会运行这个事件函数，在事件函数中查询链表数据是否有更新，有更新的话，就进行页面的绘制，在外面只需要想链表中存放结构体数据就可以了。基础图形的绘制是qt中作为用户输入是比较重要的，可以作为用户实际交互的重要手段，下面将介绍一些重要的关于qt基础图像绘制的知识。下面是“QPainter”类绘画所使用的基本的绘画工具，也是重要的工具中的几个。
Qt 编写绘图软件教程及相关源码
02-10
利用Qt编写的绘图软件的教程及相关源码。 欢迎到 http://hi.baidu.com/yafeilinux 查看更多相关内容。
Qt实现绘图工具
07-18
用Qt实现绘图工具，可以绘画矩形、椭圆、箭头、线条、文字，还带有颜色选取器，可供颜色变换。
基于Qt的绘图板程序的设计与实现
06-22
1、基于Qt技术，设计并实现一个绘图板程序，该程序的功能类似于Windows操作系统中的画图程序； 2、绘图板程序是图形用户界面，需要添加菜单、按钮、工具栏等GUI组件。 1、基于Qt技术，设计并实现一个绘图板程序，该...
QT QChart绘图基本原理应用程序示例
01-30
应用程序samp9_1说明QChart绘图的基本原理，创建一个基于QMainWindow的应用程序，主窗口上不放置任何组件。在主窗口类中只定义一个createChart()函数，在主窗口的构造函数中调用此函数，在createChart()函数里，首先...
Qt Creator 做的涂鸦板 + 矩形绘图
06-23
用QtCreator编写的涂鸦板和矩形绘图小软件，按住左键在白板上拖画产生 矩形方框，使用双缓冲画图，在灰色背景图片上，左键移动 是涂鸦板 用QtCreator编写的涂鸦板和矩形绘图小软件，按住左键在白板上拖画产生 矩形...
qt 5 使用graphicsview绘制图形的基本操作
03-13
使用graphics绘图的基本实现，使用qt5.14.2实现，可以作为初学者学习使用
C++ Qt 学习（八）：Qt 绘图技术与图形视图
qq_42994487的博客
11-15 718
C++ Qt 学习（八）：Qt 绘图技术与图形视图
QT基础 ：轻松学会如何绘图
m0_52069628的博客
08-12 374
在QT中，经常需要我们绘图制作图形化界面，本文将用最简洁的方法介绍如何绘图。想要了解画图，首先我们要了解QT中的两个类，一个是QPixmap,一个是QPainter（在官方文档中提供了详细的介绍）QPixmap属于paint device（Qwidget也属于paint device）,它主要的作用是用来加载和显示图片的，我们可以把它理解成一块画板，我们可以把图片加载在上面而QPainter是画家类，有了它我们便可以在画板上作画。
Qt 绘图坐标系和三维坐标系怎么转换
03-24
在Qt中，可以使用QMatrix4x4类来进行坐标系转换。具体过程如下： 1. 定义一个三维坐标系，包括三个轴的向量：x、y、z。 2. 定义一个视角，包括视点位置、观察目标、上方向等。 3. 创建一个QMatrix4x4类，使用其translate、rotate、scale等方法，将三维坐标系转换为Qt绘图坐标系。 具体实现方法可以参考Qt官方文档：https://doc.qt.io/qt-5/qtgui-openglwindow-example.html 请注意，以上只是一种常规的坐标系转换方法，具体实现可能会因应用场景不同而略有不同。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值