Qt---绘图和绘图设备

已于 2024-05-14 08:19:45 修改
阅读量569 收藏 10
点赞数 5
分类专栏： Qt 文章标签： qt 开发语言 C++
于 2024-05-13 09:39:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51647149/article/details/138707650
版权

一、QPainter绘图

绘图事件        void paintEvent()
声明一个画家对象，OPainter painter(this)        this指定绘图设备
画线、画圆、画矩形、画文字
设置画笔QPen        设置画笔宽度、风格

设置画刷QBrush        设置画刷风格

代码示例：

#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 *)
 {
     //实例化画家对象  this指定的是绘图的设备
     QPainter painter(this);

     //设置画笔
     QPen pen(QColor(255,0,0));

     //设置画笔风格
     pen.setStyle(Qt::DotLine);

     //设置画笔宽度
     pen.setWidth(3);

     //让画家使用这个笔
     painter.setPen(pen);

     //设置画刷-->填充颜色
     QBrush brush(Qt::cyan);

     //设置画刷风格
     brush.setStyle(Qt::Dense7Pattern);

     //让画家使用画刷
     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.drawText(QRect(10,200,150,50),"好好学习，天天向上");
 }

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

输出如下所示：

 

二、QPainter高级设置

抗锯齿        效率低
painter.setRenderHint(QPainter::Antialiasing);

对画家进行移动
        painter.translate(100,0);

        保存状态save
        还原状态restore

代码示例： 

#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 *)
 {

     //高级设置///
     QPainter painter(this);
//     painter.drawEllipse(QPoint(100,50),50,50);
//     //设置抗锯齿能力  效率低
//     painter.setRenderHint(QPainter::Antialiasing);
//     painter.drawEllipse(QPoint(200,50),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();

     painter.drawRect(QRect(20,20,50,50));

 }

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

三、手动调用绘图事件

如果想手动调用绘图事件利用update()
利用画家画图片painter.drawPixmap( x， y，QPixmap(路飞))

widget.h

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

    int posX = 0;

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

widget.cpp 

#include "widget.h"
#include "ui_widget.h"
#include<QPainter>//画家类

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

    //点击移动按钮，移动图片
    connect(ui->pushButton,&QPushButton::clicked,[=](){
        posX += 20;
        //如果要手动调用绘图事件 用update更新
        update();
    });
}

 void Widget::paintEvent(QPaintEvent *)
 {
     ///利用画家 画资源图片//
     QPainter painter(this);

     //如果超出屏幕从0开始
     if(posX > this->width())
     {
         posX = 0;
     }

     painter.drawPixmap(posX,0,QPixmap(":/image/Luffy.png"));
 }

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

输出如下所示：(当超出屏幕时从0开始)

利用定时器让其自动从左到右移动： 

#include "widget.h"
#include "ui_widget.h"
#include<QPainter>//画家类
#include<QTimer>

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

    //点击移动按钮，移动图片
    connect(ui->pushButton,&QPushButton::clicked,[=](){
        posX += 20;
        //如果要手动调用绘图事件 用update更新
        update();
    });

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

 void Widget::paintEvent(QPaintEvent *)
 {
     ///利用画家 画资源图片//
     QPainter painter(this);

     //如果超出屏幕从0开始
     if(posX > this->width())
     {
         posX = 0;
     }

     painter.drawPixmap(posX,0,QPixmap(":/image/Luffy.png"));
 }

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

四、绘图设备

1. QPixmap Qlmage QBitmap(黑白色) QPicture Qwidget

2. QPixmap对不同平台做了显示的优化
        QPixmap pix( 300,300)
        pix.fill(填充颜色)
        利用画家往pix 上画画        QPainter painter( & pix)

        保存pix.save(“路径")

3. Qimage可以对像素进行访问
        使用和QPixmap差不多 Qlmage img(300,300,Qlmage::Format_RGB32);

        其他流程和QPixmap一样
        可以对像素进行修改img.setPixel(i,j,value);

代码示例：

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

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

//    //Pixmap绘图设备 专门为平台做了显示的优化
//    QPixmap pix(300,300);

//    //填充颜色
//    pix.fill(Qt::white);

//    //声明画家
//    QPainter painter(&pix);
//    painter.setPen(QPen(Qt::green));
//    painter.drawEllipse(QPoint(150,150),100,100);

//    //保存
//    pix.save("D:\\QT\\pix.png");

    //QImage绘图设备    可以对像素进行访问
    QImage img(300,300,QImage::Format_RGB32);
    img.fill(Qt::white);

    QPainter painter(&img);
    painter.setPen(QPen(Qt::blue));
    painter.drawEllipse(QPoint(150,150),100,100);

    //保存
    img.save("D:\\QT\\img.png");
}

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

QPixmap和Qimage输出如下所示为：

                

Qimage修改像素点：

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

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

//绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);

    //利用QImage 对像素进行修改
    QImage img;
    img.load(":/image/Luffy.png");

    //修改像素点
    for(int i = 50; i < 100; i++)
    {
        for(int j = 50; j<100;j++)
        {
            QRgb value = qRgb(255,0,0);
            img.setPixel(i,j,value);
        }
    }
    painter.drawImage(0,0,img);
}

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

输出对比如下所示： 

     

4. QPicture记录和重现绘图指令

        QPicture pic
        painter.begin(&pic);
        保存：pic.save(任意后缀名)

        重现：利用画家可以重现        painter.drawPicture(0,0,pic);

代码示例： 

#include "widget.h"
#include "ui_widget.h"
#include<QPixmap>
#include<QPainter>
#include<QImage>
#include<QPicture>

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

    //QPicture绘图设备  可以记录和重现绘图指令
    QPicture pic;
    QPainter painter;
    painter.begin(&pic);//开始往pic上画

    painter.setPen(QPen(Qt::cyan));
    painter.drawEllipse(QPoint(150 ,150),100,100);

    painter.end();//结束画画

    //保存到磁盘
    pic.save("D:\\QT\\pic.zt");
}

//绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);

    //重现绘图指令
    QPicture pic;
    pic.load("D:\\QT\\pic.zt");
    painter.drawPicture(0,0,pic);
}

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

输出如下所示： 

菜就多练wwww
关注
  • 5
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QT ----Canvas绘图
m0_57665952的博客
07-24 882
对画笔以及画刷样式进行设置设置画布的大小和位置，并且在onPaint事件中对画笔和画刷进行相关设置为了能让绘制出来的形状的坐标点设置更加直观，我在canvas中添加了一个背景矩形，并设置了其透明度1、直线4、文字。
Qt----绘图与图表
lengyuefeng212的博客
08-20 4591
文章目录绘图与图表一、QPainter绘图1. 应用实例2. 程序运行效果二、QChar图表1. 应用实例2. 程序运行效果 绘图与图表 绘图与图表在嵌入式里有的比较多，尤其是图表，我们常在股票里看到的“图表折线/曲线图/饼状图等”都可以用 Qt 的图表来实现。绘图和图表的内容本章主要介绍绘图和图表的基本操作，以简单的例子呈现绘图与图表的用法，目的就是快速入门绘图与图表，关于绘图与图表 详解最好是看 Qt 官方的帮助文档。 一、QPainter绘图 Qt 里的所有绘图，比如一个按钮和一个 Label 的显示
QT -- 绘图类基础使用
xuechanba的博客
03-16 1127
绘图类基础知识 1、QPainter – 用来进行绘画的操作类。 1.1、使用绘图类，需要需要添加头文件 #include <QPainter> 1.2、QPaintDevice – 使用绘画设备的基类。 在窗体里面能够用于绘图的设备类：QWidget、QPixmap、QImage 3、paintEvent – 绘画事件。 在帮助文档中搜索 QWidget，然后点击 Protected Functions。 使用时，需要在子类中重写 paintEvent 这个事件函数，这样当程序运行，窗体显
QT基础3--绘图相关
liyaoliy的博客
01-27 134
绘图： 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
QT-绘图机制
yhy_13s的博客
04-17 638
一，绘图的概述 绘图系统基于【QPainter】，【QPainterDevice】和【QPaintEngine】三个类 QPainter（画家） 使用QPaintEngine（绘图工具）在QPainterDevice（绘图设备）上画画。 注意： 如果在主窗口上绘画 必须在【绘图事件】（paintEvent）中完成画画. 绘图【事件】 调用的时机 窗口加载 构造函数中实现 update() 3. 虚函数重写 案例：窗口加载时调用 调用QPainter的方法 加载资源文件 widget.h
qt5-入门-2D绘图-坐标与绘图设备
陆沙的博客
04-30 765
qt5,2d绘图
QT--绘图设备
月光下的麦田的博客
05-18 363
一、 绘图设备：   1. QPixmap: 针对屏幕进行优化，和平台相关（显卡之类），不能对图片进行修改。   2. QImage: 和平台无关，可以对图片进行修改，可以在线程中绘图。   3. QPicture: 保存绘图的状态（二进制文件） 1.1 QPixmap : //创建一个绘图设备 QPixmap pixmap(400,300); //绘图设备大小为400x300...
Qt学习-10 ＜绘图设备 ＞
Gnar_w的博客
08-08 53
— 均为自学笔记，如有错误请指正。
QT-在子控件上绘图的两种方式
u011555996的博客
12-23 2135
Qt 在控件上面绘图 label，pushbutton。。。。。 1、构建一个新类来调用该控件的绘图函数，新类重写 paintEvent(QPaintEvent *) ▶构建： class DrawGraphLab : public QLabel { Q_OBJECT public: explicit DrawGraphLab( QWidget* parent = 0); protected: void paintEvent(QPaintEvent *event); }; ▶实...
Qt-DrawingTool：基于Qt的Diagram-Scene-Example的绘图工具
02-05
Qt-DrawingTool：基于Qt的Diagram-Scene-Example的绘图工具
Qt-2D绘图-显示图片
06-08
Qt-2D绘图-显示图片
qt-mvvm：大型Qt C ++应用程序的模型视图ViewModel框架
02-13
大型C ++ Qt应用程序的模型视图ViewModel... Qt的树木和桌子的灵活布局。要求C ++-17 CMake的3.14 Qt 5.12安装说明git clone --recurse-submodules https://github.com/gpospelov/qt-mvvm.gitmkdir <build>; cd <build>
QT-坐标系统和坐标变换-绘图叠加效果应用程序示例
01-26
为了实现更方便的坐标，QPainter还提供了视口(Viewport)和窗口（Window）坐标系，通过QPainter内部的坐标变换矩阵自动转换为绘图设备的物理坐标。视口表示绘图设备的任意一个矩形区域的物理坐标，可以只选取物理坐标...
qt-04-QtPaintDevice.rar 练习绘图设备的dome文件，建议配文档进行观看
12-14
qt_04_QtPaintDevice.rar 练习绘图设备的dome文件，建议配文档进行观看
【QT实战】汇总导航
余生芳华，灵魂共舞
05-20 876
QT实战的第一篇，介绍整体知识框架及所包含内容，汇总各篇文章的链接，各个专栏目录的链接。
【C++ QT项目实战-03】---- C++ QT系统实现读取JSON文件数据的自动化模式
一伦明悦的博客
05-20 1007
本篇在该篇博客的基础上，继续进行系统功能的完善操作，比如，一般生产国臣各种，跟定希望机器是能自动化的，这样即使工作人员不在，生产依然在进行。
qt里的QPieSeries饼图
Szh8888的博客
05-21 344
【代码】qt里的QPieSeries饼图。
Qt | QGridLayout 类(网格布局)
最新发布
m0_45463480的博客
05-23 366
QGridLayout基本原理是把窗口划分为若干个单元格，每个子部件被放置于一个或多个单元格之中，各 单元格的大小可由拉伸因子和一行或列中单元格的数量来确定，若子部件的大小(由 sizeHint()确定)小于单元格，则可以设置该子部件位于单元格的什么位置(顶部、左侧、底 部等)，还可设置该子部件是否可以拉伸以填满该单元格等等。
qt-pyqt-pyside-custom-widgets
08-23
Qt是一款跨平台的图形用户界面开发框架，提供了丰富的GUI控件和功能以及跨平台的能力。PyQt和PySide是在Qt基础上开发的Python绑定库，使得我们可以使用Python语言来编写Qt应用程序。 PyQt和PySide提供了和Qt类似的功能和API，使得我们可以方便地在Python中使用Qt的各种特性，如窗口管理、布局管理器、事件处理和信号槽机制等。它们支持Qt的所有模块，因此可以利用Qt的强大功能开发出高度可定制的应用程序。 Custom Widgets是指自定义的用户界面部件，可以根据需求自己进行开发或者对现有的控件进行定制。在PyQt和PySide中，我们可以使用Qt的功能来创建自定义的控件，通过继承已有的控件类来添加新的功能或者修改控件的外观和行为。这样可以满足特定需求并增加应用程序的交互性和美观性。 开发自定义的控件需要理解Qt的事件和绘图机制，掌握Qt提供的绘图功能和控件定制的技术。我们可以使用Qt的绘图API来绘制自定义的界面元素，并且可以通过事件和信号槽来实现控件的交互性。在PyQt和PySide中，可以利用Python的特性和语法来更加方便地进行控件的开发和定制。 总之，Qt、PyQt和PySide的结合可以帮助我们快速开发跨平台的应用程序，并且可以通过自定义控件来满足特定需求。这些工具和技术的使用可以大大提高应用程序的开发效率和灵活性。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值