QT学习笔记（10） 绘图

一、简单绘图

包括画背景图、简单图形、手动更新窗口、06_QBitmap和QPixmap的区别

代码如下：

mainwindow.h代码

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

protected:
    //重写绘图事件，虚函数
    //如果在窗口绘图，必须放在绘图事件实现
    //绘图事件内部自动调用，窗口需要重绘的时候（状态改变）
    void paintEvent(QPaintEvent *event);

private slots:
    void on_pushButton_clicked();

private:
    Ui::MainWindow *ui;
    int x;
};

#endif // MAINWINDOW_H

mainwindow.cpp代码

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QPainter>
#include <QPen>
#include <QColor>
#include <QBrush>
#include <QBitmap>

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

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

void MainWindow::paintEvent(QPaintEvent *event)
{

    //QPainter p(this);
    QPainter p;//创建画家对象
    p.begin(this);//指定当前窗口为绘图设备

    //绘图操作
    //先画背景，再画其他东西，防止被覆盖
    p.drawPixmap(0,0,width(),height(),QPixmap("../bk.jpg"));//绘制背景图片
    //p.drawPixmap(rect(),QPixmap("../bk.jpg"));


    //QPixmap和QBitmap的区别：
    //QPixmap能绘制各种颜色
    //QBitmap只绘制黑白两种颜色
    p.drawPixmap(0,0,100,100,QPixmap("../bk.jpg"));
    p.drawPixmap(0,150,100,100,QBitmap("../bk.jpg"));

    QPixmap pixmap;
    pixmap.load("../bk.jpg");
    p.drawPixmap(150,0,100,100,pixmap);

    QBitmap bitmap;
    bitmap.load("../bk.jpg");
    p.drawPixmap(150,150,100,100,bitmap);


    //定义画笔
    QPen pen;
    pen.setWidth(5);
    pen.setColor( QColor(14,9,234) );//rgb设置颜色
    pen.setStyle(Qt::SolidLine);

    //创建画刷对象
    QBrush brush;
    brush.setColor(Qt::red);//设置颜色
    brush.setStyle(Qt::Dense5Pattern);//设置样式


    //把画笔交给画家
    p.setPen(pen);
    //把画刷交给画家
    p.setBrush(brush);

    //画直线
    p.drawLine(50,50,150,50);
    p.drawLine(50,50,50,150);

    //画矩形
    p.drawRect(150,150,100,50);

    //画圆
    p.drawEllipse(QPoint(150,150),50,25);

    //画图片，然后点击按钮移动
    p.drawPixmap(x,300,80,80,QPixmap("../bk.jpg"));

    p.end();


    //绘图设备：
    //QPixmap：针对屏幕进行优化，和平台相关
    //QImage：和平台无关，可以对图片进行修改，在线程中绘图
    //QPicture:保存绘图的状态，保存为二进制文件
}

void MainWindow::on_pushButton_clicked()
{

    x+=20;
    if(x>width())
    {
        x=0;
    }

    //刷新窗口，让窗口重绘，整个窗口都刷新
    update();//间接调用paintEvent()
    //update()不能直接放到paintEvent()中，防止递归，
}

二、绘图设备

　　QPixmap：针对屏幕进行优化，和平台相关
　　QImage：和平台无关，可以对图片进行修改，在线程中绘图
　　QPicture:保存绘图的状态，保存为二进制文件

代码如下：

mainwindow.h代码

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();
protected:
    void paintEvent(QPaintEvent *event);

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QPainter>
#include <QPicture>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{

    ui->setupUi(this);


    //绘图设备：
    //QPixmap：针对屏幕进行优化，和平台相关
    //QImage：和平台无关，可以对图片进行修改，在线程中绘图
    //QPicture:保存绘图的状态，保存为二进制文件



    /*
    //绘图设备，400*300
    QPixmap pixmap(400,300);
    //在绘图设备上绘图
    QPainter p(&pixmap);
    //填充白色背景色
    p.fillRect(0,0,400,300,QBrush(Qt::white));
    pixmap.fill(Qt::white);
    p.drawPixmap(0,0,80,80,QPixmap("../bk.jpg"));//绘制的图片在设备上
    //需要将设备上的保存成图片
    pixmap.save("../pixmap.jpg");
    */

    /*
    //创建一个绘图设备，QImage::Format_ARGB32背景是透明
    QImage image(400,300,QImage::Format_ARGB32);
    QPainter p;
    p.begin(&image);
    //绘图
    p.drawImage(0,0,QImage("../bk.jpg"));
    //对绘图设备前50个像素点进行操作
    for(int i=0;i<50;i++)
    {
        for(int j=0;j<50;j++)
        {
            image.setPixel(QPoint(i,j),qRgb(0,255,0));
        }
    }
    p.end();
    image.save("../image.png");
    */

    QPicture picture;
    QPainter p;
    p.begin(&picture);
    //绘图
    p.drawPixmap(0,0,80,80,QPixmap("../bk.jpg"));
    p.drawLine(50,50,150,50);
    p.end();
    //保存的是二进制文件
    picture.save("../picture.png");


}

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

void MainWindow::paintEvent(QPaintEvent *event)
{

    //QPixmap 和 QImage的相互转化
    QPainter p(this);
    QPixmap pixmap;
    pixmap.load("../bk.jpg");
    //QPixmap -> QImage
    QImage tempImage = pixmap.toImage();
    p.drawImage(0,0,tempImage);

    QImage image;
    image.load("../bk.jpg");
    //QImage -> QPixmap
    QPixmap tempPixmap = QPixmap::fromImage(image);
    p.drawPixmap(150,0,tempPixmap);



}

 三、不规则窗口

在绘制不规则窗口时，首先去窗口边框，把窗口背景色设置为透明。然后在写移动位置、关闭等方法。

代码如下：

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

protected:
    void paintEvent(QPaintEvent *event);
    void mouseMoveEvent(QMouseEvent *event);
    void mousePressEvent(QMouseEvent *event);

private:
    Ui::MainWindow *ui;

    QPoint point;
};

#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QPainter>
#include <QMouseEvent>

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

    //去窗口边框
    setWindowFlags(Qt::FramelessWindowHint | windowFlags());
    //把窗口背景设置为透明
    setAttribute(Qt::WA_TranslucentBackground);

}

MainWindow::~MainWindow()
{
    delete ui;
}
void MainWindow::paintEvent(QPaintEvent *event)
{
    //不规则窗口
    QPainter p(this);//在窗口中绘制图片
    p.drawPixmap(0,0,QPixmap("../1.jpg"));

}
void MainWindow::mousePressEvent(QMouseEvent *event)
{
    if(event->button() == Qt::RightButton)
    {
        //如果是右键
        close();
    }
    else if(event->button() == Qt::LeftButton)
    {
        //求坐标差值
        //当前点击坐标-窗口左上角坐标
        point = event->globalPos() - this->frameGeometry().topLeft();//窗口矩形的左上角的点
    }
}
void MainWindow::mouseMoveEvent(QMouseEvent *event)
{
    if(event->buttons() & Qt::LeftButton)
    {
        //移动窗口，得到左上角的坐标
        move(event->globalPos() - point);
    }
}