【QT从零开始系列08】绘图

绘图事件

//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);
    ~Widget();

    //绘图事件
    void paintEvent(QPaintEvent *event);

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

void Widget::paintEvent(QPaintEvent *event)
{
    //实例化画家对象  this 指定的是绘图设备
    QPainter painter(this);

    //设置画笔
    QPen pen(QColor(255,0,0));
    //设置画笔宽度
    pen.setWidth(3);
    //设置画笔风格
    pen.setStyle(Qt::DotLine);
    //让画家使用这个笔
    painter.setPen(pen);

    //设置画刷
    //QBrush brush(QColor(0,255,0));
    QBrush brush(Qt::green);
    //设置画刷风格
    brush.setStyle(Qt::Dense7Pattern);
    //让画家使用画刷
    painter.setBrush(brush);

    //画线
    painter.drawLine(QPoint(0,0),QPoint(100,100));

    //画圆 椭圆 圆心 rx ry
    painter.drawEllipse(QPoint(100,100),50,50);

    //画矩形
    painter.drawRect(QRect(20,20,50,50));

    //画文字
    painter.drawText(QRect(10,200,200,50),"好好学习，天天向上");
}

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

高级设置

//widget.cpp	
	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.h 中 定义全局化变量
	int posx = 0;

//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 *event)
{
	/*----------利用画家 画资源图片----------------------*/
    QPainter painter(this);

    //如果超出屏幕 从0开始
    if(posx > this->width())
    {
        posx = 0;
    }
    painter.drawPixmap(posx,0,QPixmap(":/new/prefix1/Image/logo1.jpg"));
}

绘图设备

Pixmap

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

#include <QPixmap>
#include <QPainter>

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:\\pix.png");

}

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

QImage

//其他同Pixmap	
	
	//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:\\img.png");

//widget.cpp
//绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    //利用QImage 对像素进行修改
    QImage img;
    img.load(":/Image/logo1.jpg");

    //修改像素点
    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);

}

QPicture

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

#include <QPixmap>
#include <QPainter>
#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:\\pic.png");
}

//绘图事件
void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    //重现QPicture的绘图指令
    QPicture pic;
    pic.load("D://pic.why");
    painter.drawPicture(0,0,pic);
}

QBitmap(黑白色)

QWidget