Qt---绘图和绘图设备

已于 2024-05-14 08:19:45 修改
阅读量734 收藏 10
点赞数 5
CC 4.0 BY-SA版权
分类专栏： 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;
}

输出如下所示： 

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值