Qt-绘图设备

1  简介

参考视频：https://www.bilibili.com/video/BV1XW411x7NU?p=40

Qt绘图设备有三种：QPixmap、QBitmap、QImage、QPicture。

QPixmap：专门针对屏幕进行优化了，和平台相关，不能对图片进行修改。

QBitmap：QPixmap的一个子类，它的色深限定为1（表示颜色的二进制位数），提供单色图像，只有黑白两色的图像数据。

QImage：和平台无关，可以对图片进行修改，可在线程中绘图。

QPicture：保存绘图的状态为二进制文件。

2  测试

（1）QPixmap和QBitmap的比较

说明：使用两张背景色分别为透明和白色的图片，分别用QPixmap和QBitmap进行绘制，进行对比分析。

原始图片：第一张背景为透明，第二张背景为白色。

    

 测试代码：

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter p(this);

    //QPixmap 图片背景透明
    p.drawPixmap(0, 0, QPixmap(":/new/prefix1/image/butterfly.png"));
    //QBitmap 图片背景透明
    p.drawPixmap(200, 0, QBitmap(":/new/prefix1/image/butterfly.png"));

    //QPixmap 图片背景白色
    QPixmap pixmap;
    pixmap.load(":/new/prefix1/image/butterfly1.png");
    p.drawPixmap(0, 200, pixmap);
    //QBitmap 图片背景白色
    QBitmap bitmap;
    bitmap.load(":/new/prefix1/image/butterfly1.png");
    p.drawPixmap(200, 200, bitmap);
}

运行结果：

可以看出，使用QBitmap绘制，白色的背景在QBitmap中消失了，而透明色在QBitmap中转换成了黑色；其他颜色则是使用点的疏密程度来体现的。

（2）QPixmap绘制图片

说明：在400x300的窗口中将背景色设置为白色，并加载一个图片，然后保存。

测试代码：

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

    //绘图设备： 400x300
    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("../image/face.png"));
    //保存图片
    pixmap.save("../pixmap.png");
}

运行测试：

（3） QImage绘制图片

 说明：使用QImage绘制图片，并改变50x50的像素点的颜色，然后保存图片。

测试代码：

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

    //创建一个绘图设备，背景是透明色
    QImage image(400, 300, QImage::Format_ARGB32);
    QPainter p;
    p.begin(&image);
    //绘图
    p.drawImage(0, 0, QImage("../image/face.png"));
    //对绘图设备前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");
}

运行结果：

（4）QPicture绘制图片

说明：使用QPicture绘制图片，并保存为二进制文件，然后加载进行显示。

绘制保存图片的代码：

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

    QPicture picture;
    QPainter painter;
    painter.begin(&picture);
    painter.drawPixmap(0, 0, 80, 80, QPixmap("../image/face.png"));
    painter.drawLine(50, 50, 150, 50);
    painter.end();
    //保存的是二进制文件
    picture.save("../picture.png");
}

加载，绘制事件：

void Widget::paintEvent(QPaintEvent *event)
{
    QPicture pic;
    //加载文件
    pic.load("../picture.png");

    QPainter p(this);
    p.drawPicture(0, 0, pic);
}

运行测试：

（5）QPixmap与QImage之间的相互转换

说明：QPixmap和QImage之间可以使用函数相互转换。

测试代码：

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter p(this);
    QPixmap pixmap;
    pixmap.load("../image/face.png");

    //QPixmap --> QImage
    QImage tempImge = pixmap.toImage();
    p.drawImage(0, 0, tempImge);

    QImage image;
    image.load("../image/face.png");
    //QImage --> QPixmap
    QPixmap tmpPixmap = QPixmap::fromImage(image);
    p.drawPixmap(200, 0, tmpPixmap);
}

运行结果：