【Qt】使用QPainter的drawPixmap()绘制多幅图片

来源:互联网 发布:windows垃圾清理bat 编辑:程序博客网 时间:2024/05/17 09:28

众所周知,使用QLabel的setPixmap()就可以将图片显示出来,做视屏解码后显示也可以如此。但是为何我今天还要费力使用基函数drawPixmap()来做绘图?理由有这么些吧:

1、使用QLabel很耗费CPU,播放画面过多有卡卡的感觉;

2、drawPixmap()使用GPU处理,相对减轻了CPU的负担;

当然,今天这里,只是给出基本思路方法,并非对视频解码后的图像做原样的解析。

那么,我们开始吧!

a、首先使用Qtcreator建立项目吧,我这里取名Painter,然后我在网上下载了4副图片,个人觉得还是挺漂亮的,一会展示给大家看;

b、下来新建文件夹,名字就叫images吧,此时了,便于使用,最好把图片名字改成便于自己记忆的。然后添加Qt资源,将4副图全部导入资源文件。

c、此时,我们回到项目的ui文件,在设计器里面,拖进来4个QFrame或者QWidget控件,我是拖进来4个QFrame的,因为可以勾划边框;

d、下来对命名后的4个QWidget使用网格布局吧;

e、此时回到paint的.h文件,加上几个头文件:

#include <QPixmap>#include <QPaintEvent>
并在私有属性添加以下:

    QPixmap image1;    QPixmap image2;    QPixmap image3;    QPixmap image4;
在protected方法里面添加:

    void paintEvent(QPaintEvent *);
f、好了,我们回到对应cpp文件吧,首先了,我们已经声明了几个QPixmap,我们需要对这几个变量处理,我在构造函数里:

    image1.load(":/images/chuyin1.jpg");    image2.load(":/images/chuyin2.jpg");    image3.load(":/images/chuyin3.jpg");    image4.load(":/images/chuyin4.jpg");
此时,QPixmap已经与相对应的图片绑定了,下来我们需要让他显示出来:

void PaintWidget::paintEvent(QPaintEvent *){    //void QPainter::drawPixmap(int x, int y, int width, int height, const QPixmap &pixmap)    QPainter painter(this);    int x1 = ui->view1Frame->pos().x();    int y1 = ui->view1Frame->pos().y();    painter.drawPixmap(x1,y1,ui->view1Frame->width(),ui->view1Frame->height(),image1);    int x2 = ui->view2Frame->pos().x();    int y2 = ui->view2Frame->pos().y();    painter.drawPixmap(x2,y2,ui->view2Frame->width(),ui->view2Frame->height(),image2);    int x3 = ui->view3Frame->pos().x();    int y3 = ui->view3Frame->pos().y();    painter.drawPixmap(x3,y3,ui->view3Frame->width(),ui->view3Frame->height(),image3);    int x4 = ui->view4Frame->pos().x();    int y4 = ui->view4Frame->pos().y();    painter.drawPixmap(x4,y4,ui->view4Frame->width(),ui->view4Frame->height(),image4);}
划//的部分是专门贴上来让大家知道怎么使用drawpixmap()函数的,当然也可以使用其他的重载。

哦,对了,使用了画笔,怎么不给声明标识?我们在此cpp的头文件里面加上:

#include <QPainter>
好了,大功告成。编译、运行,你看下面就是显示出来的图像:



怎么样?还不错吧!我们点击标题栏,进行放大,图片也跟着放大了。



0 0