Qt绘画的使用

最新推荐文章于 2024-05-15 05:18:25 发布
最新推荐文章于 2024-05-15 05:18:25 发布
阅读量881 收藏 9
点赞数 16
分类专栏： Qt 文章标签： qt c++ c语言 算法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65554471/article/details/135623787
版权

 1. 绘图

绘图组件：

1、绘画对象

2、绘画位置

3、绘画工具

4、绘画时机

绘画时机：

当整个窗口或窗口的一部分需要重新绘制时，会调用绘制事件处理函数

void QWidget::paintEvent(QPaintEvent *event)

绘画对象：

QPainter类，就是Qt中进行绘图类

在QPainter类中存在各种绘制功能

绘画位置：

QPaintDevice类就是绘制的位置，是QPaintDevice类对象或派生类对象就是可以绘画的地方

绘制工具：

QPen：进行绘制图像的笔

QBrush：在绘制封闭图形时进行填充

1.2 举例

1.2.1 画直线，圆，矩形，画文本

paint

widget.h

//重写绘制事件处理函数
    //当整个窗口需要重新绘制的时候，就会调用此函数
    void paintEvent(QPaintEvent* event);

widget.cpp

//当整个窗口需要重新绘制的时候(比如刚刚创建出来，改变窗口大小时)，就会调用此函数
void Widget::paintEvent(QPaintEvent *event){
    qDebug()<<"paintEvent"<<endl;

    //实例化绘画对象
    QPainter p(this);//QPainter 是Qt中进行绘图的类

    //绘制工具
    QPen pen1;//画笔
    QBrush brush1;//画刷

    pen1.setColor(Qt::white);//给画笔设置颜色为白色
//    pen1.setStyle(Qt::DashLine);//设置笔画出的样式(比如Qt::DashLine这个是虚线边框)

    brush1.setColor(Qt::white);//填充白色
    brush1.setStyle(Qt::SolidPattern);//填充样式也设置为白色

    //将绘画的笔设置给对象
    p.setPen(pen1);
    p.setBrush(brush1);

    //由对象完成绘制---我们画一个白色背景
    p.drawRect(0,0,this->width()*2/3,this->height());
    
    //绘制内容
    QPen pen2;
    pen2.setColor(Qt::blue);//设置笔的颜色
    pen2.setWidth(5);//设置笔的宽度
    p.setPen(pen2);//把笔给对象
    
        //画直线
    p.drawLine(start,end);//这里我们利用了鼠标的点击事件取出的起点和终点画一条直线

    // 画一个圆
    int radius = end.x()-start.x();  // 设置圆的半径
    QPoint center(end.x(),end.y());  // 设置圆心坐标
    p.drawEllipse(center, radius, radius);//这里有两个radius

    //画一个矩形
    p.drawRect(start.x(),start.y(),end.x()-start.x(),end.y()-start.y());

    //画文本
    p.drawText(50,50,text);

1.2.2 画图片

widget.cpp

    //画图片******************
    QPixmap pixmap("E:/peixunQianrushi/Qt/course/course7/paint/img/photo.jpg");
    //画一整张图片
    //p.drawPixmap(0,0,pixmap);
    //画一整张图片的矩形大小
    p.drawPixmap(QRect(0,0,this->width(),this->height()),pixmap);

1.2.3 多次绘制，并且之前的绘画还在

paint

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QDebug>
#include <QPainter>
#include <QMouseEvent>

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

    //鼠标按下事件
    void mousePressEvent(QMouseEvent *event);
    //鼠标松开事件
    void mouseReleaseEvent(QMouseEvent *event);
    //鼠标的移动事件
    void mouseMoveEvent(QMouseEvent *event);

private:
    Ui::Widget *ui;
    QPoint start;//鼠标按下起点
    QPoint end;//鼠标松开终点

    QList<QLine> line;//创建一个容器（其实时链表），用来存储画的线
    QList<QRect> rect;//存储化的矩形

    QString text;

};
#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //清空两个容器
    line.clear();
    rect.clear();
    text = "你好世界";
}

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

//当整个窗口需要重新绘制的时候(比如刚刚创建出来，改变窗口大小时)，就会调用此函数
void Widget::paintEvent(QPaintEvent *event){
    qDebug()<<"paintEvent"<<endl;

    //实例化绘画对象
    QPainter p(this);//QPainter 是Qt中进行绘图的类

    //绘制工具
    QPen pen1;//画笔
    QBrush brush1;//画刷

    pen1.setColor(Qt::white);//给画笔设置颜色为白色
//    pen1.setStyle(Qt::DashLine);//设置笔画出的样式(比如Qt::DashLine这个是虚线边框)

    brush1.setColor(Qt::white);//填充白色
    brush1.setStyle(Qt::SolidPattern);//填充样式也设置为白色

    //将绘画的笔设置给对象
    p.setPen(pen1);
    p.setBrush(brush1);

    //由对象完成绘制---我们画一个白色背景
    p.drawRect(0,0,this->width()*2/3,this->height());//画一个矩形,前两个参数是坐标，后面的参数是长 高

    //画图片******************
    QPixmap pixmap("E:/peixunQianrushi/Qt/course/course7/paint/img/photo.jpg");
    //画一整张图片
    //p.drawPixmap(0,0,pixmap);
    //画一整张图片的矩形大小
    p.drawPixmap(QRect(0,0,this->width(),this->height()),pixmap);


    //绘制内容
    QPen pen2;
    pen2.setColor(Qt::blue);//设置笔的颜色
    pen2.setWidth(5);//设置笔的宽度
    p.setPen(pen2);//把笔给对象

    //画出之前的内容
    for(int i=0;i<line.size();i++){//画出之前的线
        p.drawLine(line.at(i));
    }
    for(int i=0;i<rect.size();i++){//画出之前的矩形
        // 设置透明的画刷
        p.setBrush(Qt::NoBrush);
        p.drawRect(rect.at(i));
    }

    //画出当前内容
    if(ui->comboBox->currentIndex()==0){//代表线
        p.drawLine(start,end);
    }else if(ui->comboBox->currentIndex()==1){ //代表矩形
        // 设置透明的画刷
        p.setBrush(Qt::NoBrush);
        p.drawRect(QRect(start,end));
    }

}

//鼠标按下事件
void Widget::mousePressEvent(QMouseEvent *event){
    start = event->pos();
}
//鼠标松开事件
void Widget::mouseReleaseEvent(QMouseEvent *event){
    end = event->pos();

    if(ui->comboBox->currentIndex()==0){
        //代表是线
        QLine l(start,end);
        line.append(l);
    }else if(ui->comboBox->currentIndex()==1){ //代表是矩形
        QRect r(start,end);
        rect.append(r);
    }
}

//鼠标的移动事件，我们也作为鼠标的终点（保证在绘画过程总也能正常显示我们画的东西）
void Widget::mouseMoveEvent(QMouseEvent *event){
    end = event->pos();

    update();//更新绘画的页面

}

2. 练习矩形截屏

test

mydialog.h

#ifndef MYDIALOG_H
#define MYDIALOG_H

#include <QDialog>

namespace Ui {
class MyDialog;
}

class MyDialog : public QDialog
{
    Q_OBJECT

public:
    explicit MyDialog(QWidget *parent = nullptr);
    ~MyDialog();

    // 添加一个成员变量用于保存图片
    void setScreenshot(const QPixmap& pixmap);

private:
    Ui::MyDialog *ui;
};

#endif // MYDIALOG_H

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QPaintEvent>
#include <QMouseEvent>
#include <QPoint>
#include <QPainter>
#include <QApplication>
#include <QDesktopWidget>
#include <mydialog.h>

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

    //鼠标按下事件
    void mousePressEvent(QMouseEvent* event);
    //鼠标松开事件
    void mouseReleaseEvent(QMouseEvent* event);
    //鼠标移动事件
    void mouseMoveEvent(QMouseEvent* event);


private slots:
    void on_pushButton_clicked();

private:
    Ui::Widget *ui;

    QPoint start;//鼠标按下
    QPoint end;//鼠标松开

    QList<QLine> line;//存储线
    QList<QRect> yuan;//存储圆

    QPixmap screenshot; // 存储截图

    int flag =0 ;//截屏标志位

};
#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include "ui_widget.h"

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

}

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

//绘画事件处理函数
void Widget::paintEvent(QPaintEvent *event){
    //实例化绘画对象
    QPainter p(this);

    //画图片
    QPixmap pixmap("E:/peixunQianrushi/Qt/course/course7/paint/img/photo.jpg");
    p.drawPixmap(QRect(0,0,this->width(),this->height()),pixmap);

    QPen pen1;
    pen1.setColor(Qt::red);
    pen1.setWidth(2);//设置笔的宽度

    p.setPen(pen1);

    //画矩形
    p.drawRect(QRect(start,end));

}

void Widget::mousePressEvent(QMouseEvent *event){
    start = event->pos();
}

void Widget::mouseReleaseEvent(QMouseEvent *event){
    end = event->pos();

    if(flag==1){//进行截屏


        int width = end.x()-start.x();
        int height = end.y()-start.y();

        //截取图片
        QPixmap screen = QPixmap::grabWidget(this, start.x(), start.y(), width, height);
        screenshot = screen;

        //调用新窗口
        MyDialog* mydialog = new MyDialog;

        mydialog->setScreenshot(screenshot);
        mydialog->show();
        update();

        flag = 0;
    }

}
void Widget::mouseMoveEvent(QMouseEvent *event){
    end = event->pos();
    update();
}

//点击进入截屏模式
void Widget::on_pushButton_clicked()
{
    flag = 1;
}

进击的菜鸟子
关注
  • 16
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt 画图
zs1342084776的博客
07-25 521
#ifndef MYWIDGET_H #define MYWIDGET_H #include <QWidget> namespace Ui { class MyWidget; } class MyWidget : public QWidget { Q_OBJECT public: explicit MyWidget(QWidget *parent = 0)...
Qt绘图之Paint系统
Liuqz2009的专栏
07-29 881
关系图
Qt-绘制多边形、椭圆、多条直线
qq_35662333的博客
04-12 654
所有的绘图操作是在绘图事件中进行。
【QT】QT基本图形绘制
半生瓜のblog
02-23 4485
基本图形绘制 QPainter绘制基本图形 **注意：**QPainter画弧度所使用的角度值，是以1/16°为单位的，在画弧度的时候1°用16表示。 **例如：**30°——30 x 16 兼容模式QPainer::CompositionMode **例如:**可用于图片叠加，达到你想要的效果。 QPainterPath绘制简单图形 QPainterPath为QPainter类提供一个存储容器，里面包含了所要绘制的内容的集合及绘制顺序，如长方形、多边形、曲线等各种任意图形。当需要绘制此预先存储在QP
最全Qt自带绘图与GDI+绘图方式比较_gdi+实时绘制qt(1)，2024年最新程序员必须要了解的知识点
最新发布
2401_85015466的博客
05-15 672
可以使用QPainter提供的各种绘图函数来绘制图形，如绘制直线、矩形、圆形、椭圆等。绘制完成后需要结束绘制，释放QPainter对象。
Qt 绘图基础
wqwqwq604的博客
09-26 4848
Qt绘图
QT中的绘图操作
热门推荐
qq_54395977的博客
01-27 1万+
1.QPainter 2D绘图离不开QPainter，可以把QPainter想象成一个画笔，开发人员拿着画笔理论上是可以绘制任何你想要的图形。QPainter 一般在一个部件（widget）重绘事件（PaintEvent ）的处理函数paintEvent ()中进行绘制，首先要创建QPainter 对象（画笔），然后进行图形的绘制 1.1常用函数 drawArc() 弧 drawChord() 弦 drawConvexPolygon() 凸多边形 drawEllipse() 椭圆，注意椭圆是先
Qt绘图类
simple_core的博客
05-04 2180
Qt绘图类QPainter绘图1．QPainter与QPaintDevice2．paintEvent事件和绘图区3．QPainter绘图的主要属性4．创建实例QPen的主要功能1．线条样式2．线条端点样式3　QBrush的主要功能4　渐变填充5　QPainter绘制基本图形元件1．基本图形元件2．QPainterPath的使用1　坐标变换函数1．坐标平移3．缩放4．状态保存与恢复2　坐标变换绘图实例1．绘制3个五角星的程序2．绘制五角星的PainterPath的定义3　视口和窗口1．视口和窗口的定义与原理2
【QT】基本的绘图操作和高级绘图
StudyWinter的博客
11-02 4151
在UI文件中加pushbutton，点击button，图片移动。图片左边出去，可以从右边回来。设置画笔颜色、宽度、风格。画刷，可以填充封闭的图案。加入成员变量记录坐标信息。
qt绘画板涂鸦板
12-13
"Qt绘画板涂鸦板"是一款基于Qt框架和C++编程语言开发的创意应用，它提供了用户一个可以自由涂鸦和编辑图片的平台。Qt是一个跨平台的应用程序开发框架，广泛用于创建桌面、移动和嵌入式设备上的图形用户界面。C++作为...
基于Qt的绘图板程序的设计与实现
06-22
1、基于Qt技术，设计并实现一个绘图板程序，该程序的功能类似于Windows操作系统中的画图程序； 2、绘图板程序是图形用户界面，需要添加菜单、按钮、工具栏等GUI组件。 1、基于Qt技术，设计并实现一个绘图板程序，该...
QT雷达扫描效果，2D绘画
09-23
本文将深入探讨如何使用QT框架实现雷达扫描效果，并关注其中的关键技术，如QConicalGradient用于绘制余晖以及窗口的透明化处理。 首先，QT是一个跨平台的应用程序开发框架，支持多种编程语言，如C++，用于创建图形...
基于QT的点阵数字显示
06-06
3. **Qt绘图API**：在`paint()`函数中，可以使用QPainter进行绘制。通过设置笔刷颜色、画笔宽度等属性，然后使用`drawPoint()`或`drawPoints()`方法来绘制单个或多个像素点。 4. **旋转与缩放**：如果需要调整点阵...
Qt绘制坐标轴
09-24
这个主题涉及到如何使用Qt的图形视图框架（Graphics View Framework）来创建自定义的2D图形，包括绘制X轴和Y轴，以及在这些坐标系上展示实时（RT）数据。 首先，Qt提供了一个名为`QGraphicsView`的类，它是实现...
学习QT之QT绘图原理详解
hw5230的博客
06-10 1196
当应用程序收到绘制事件时，就会调用​​QWidget::paintEvent()​​，该函数就是绘制窗口的地方。有两种方法要求重绘一个窗口​​update()​​ --把重绘事件添加到事件队列中​​repaint()​​ --立即产生绘制事件为了处理绘制事件，只需要重写​​paintEvent()​​​函数，并在该函数中实例化一个​​QPainter​​对象进行绘制。​​QPaintDevice​​代表绘制2D图像的画布；
Qt 绘画
如是牛
09-18 283
Qt绘制图形
Qt绘图(线条、椭圆、矩形、图片滚动)
一起coding，一起嗨。
06-24 2552
widget.h。
【QT教程】QT6绘图与渲染
QT界面开发界面美化
04-17 1271
QT6绘图系统概述QT6绘图系统概述Qt 是一款跨平台的 C++图形用户界面应用程序框架，被广泛用于开发GUI应用程序，也可以用于开发非GUI程序，如控制台工具和服务器。Qt 支持应用程序的图形界面设计，提供了诸如窗口系统、事件处理、基本的图形、颜色、字体和样式等。Qt 6 是 Qt 系列的第六个主要版本，它在性能、矢量图形、跨平台支持等方面进行了重大更新和改进。Qt6绘图系统的特点基于 OpenGL 的渲染。
学习QT之QT绘图实例
hw5230的博客
06-09 685
绘图就跟我们画画一样，首先需要一个画板、一个笔、一个画刷。画板用于作画，笔用于描线，画刷用于填充颜色。所以我们在作画前需要先做好这些准备，这些的具体介绍请参考我的前一篇文章​ ​学习QT之绘图原理详解​​。
qt绘画制作IFFt图像
04-05
不清楚您的具体需求，以下是一个简单的例子展示如何使用Qt绘制IFFT图像： 首先，需要使用FFT算法将图像转换为频域。可以使用Qt中的QImage类来加载和处理图像数据。然后，可以使用FFTW库中的fft和ifft函数来进行频域转换。 接下来，使用Qt中的QImage和QPainter类来绘制IFFT图像。在绘制之前，需要将IFFT图像转换为灰度图像，并将其缩放到适当的大小，以便在窗口中显示。 以下是一个简单的代码示例，展示如何使用Qt绘制IFFT图像： ```cpp #include <QImage> #include <QPainter> #include <fftw3.h> // 定义图像宽度和高度 const int width = 512; const int height = 512; // 加载图像数据 QImage image("path/to/image.png"); // 将图像转换为灰度图像 image = image.convertToFormat(QImage::Format_Grayscale8); // 缩放图像到合适的大小 image = image.scaled(width, height); // 获取图像数据 uchar* data = image.bits(); // 创建FFTW输入和输出数组 fftw_complex* in = (fftw_complex*) fftw_malloc(sizeof(fftw_complex) * width * height); fftw_complex* out = (fftw_complex*) fftw_malloc(sizeof(fftw_complex) * width * height); // 将图像数据复制到FFTW输入数组中 for (int y = 0; y < height; y++) { for (int x = 0; x < width; x++) { in[x + y * width][0] = data[x + y * width] / 255.0; in[x + y * width][1] = 0.0; } } // 执行FFT变换 fftw_plan plan = fftw_plan_dft_2d(width, height, in, out, FFTW_FORWARD, FFTW_ESTIMATE); fftw_execute(plan); // 执行IFFT变换 fftw_plan iplan = fftw_plan_dft_2d(width, height, out, in, FFTW_BACKWARD, FFTW_ESTIMATE); fftw_execute(iplan); // 创建IFFT图像 QImage ifftImage(width, height, QImage::Format_Grayscale8); // 将IFFT数据复制到IFFT图像中 for (int y = 0; y < height; y++) { for (int x = 0; x < width; x++) { ifftImage.setPixelColor(x, y, qGray(in[x + y * width][0] * 255.0)); } } // 绘制IFFT图像 QPainter painter; painter.begin(this); painter.drawImage(0, 0, ifftImage); painter.end(); ``` 请注意，此示例仅涵盖了基本的绘制IFFT图像过程，实际应用中可能需要进行更多的图像处理和优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值