使用QPainter的drawPixmap()绘制多幅图片 good
众所周知,使用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>
好了,大功告成。编译、运行,你看下面就是显示出来的图像:
怎么样?还不错吧!我们点击标题栏,进行放大,图片也跟着放大了。
http://blog.csdn.net/u010111033/article/details/53785223
使用QPainter的drawPixmap()绘制多幅图片 good的更多相关文章
- QPainter绘制图片填充方式(正常大小、剪切大小、自适应大小、平铺)
Qt中QPainter提供了绘制图像的API,极大地方便了我们对图像的绘制. Qt中提供了QPixmap, QBitmap,QBitMapQImage,QPicture等图像绘图设备,它们的类关系如下 ...
- 利用QPainter绘制各种图形(Shape, Pen 宽带,颜色,风格,Cap,Join,刷子)
利用QPainter绘制各种图形 Qt的二维图形引擎是基于QPainter类的.QPainter既可以绘制几何形状(点.线.矩形.椭圆.弧形.弦形.饼状图.多边形和贝塞尔曲线),也可以绘制像素映射.图 ...
- QT 基本图形绘制
QT 基本图形绘制 1.告诉绘制引擎一些东西 QPainter::Antialiasing 在可能的情况下,反锯齿 QPainter::TextAntialiasing 在可能的情况下,文 ...
- Qt之图形(QPainter的基本绘图)
简述 Qt中提供了强大的2D绘图系统,可以使用相同的API在屏幕和绘图设备上进行绘制,它主要基于QPainter.QPaintDevice和QPaintEngine这三个类. QPainter用来执行 ...
- python数字图像处理(5):图像的绘制
实际上前面我们就已经用到了图像的绘制,如: io.imshow(img) 这一行代码的实质是利用matplotlib包对图片进行绘制,绘制成功后,返回一个matplotlib类型的数据.因此,我们也可 ...
- QT绘制系统简介
#3个类:QPainter,QPainterDevice 和 QPaintEngine 三个类 #qpainter用于执行绘制操作 #QPainterDevice是一个二维空间抽象,允许qpainte ...
- Qt__绘制系统
Qt绘制系统简介 Qt 的绘图系统允许使用相同的 API 在屏幕和其它打印设备上进行绘制.整个绘图系统基于QPainter,QPainterDevice和QPaintEngine三个类. QPaint ...
- python matplotlib.pyplot对图像进行绘制
imshow()是对图像进行绘制 imshow()函数格式为: matplotlib.pyplot.imshow(X, cmap=None) X: 要绘制的图像或数组. cmap: 颜色图谱(colo ...
- Qt 2D绘图之一:基本图形绘制和渐变填充
Qt中提供了强大的2D绘图系统,可以使用相同的API在屏幕和绘图设备上进行绘制,它主要基于QPainter.QPaintDevice和QPaintEngine这三个类.它们三者的关系如下图所示: QP ...
随机推荐
- java-工具代码
格式化输出 //d:是输出整数 //10;表示输出10位整数 //0:表示如果不够10位的话,用0来占位,也可以用写成空格,用空格来占位 String a = String.format(" ...
- java基础——try catch final
1.不管有木有出现异常,finally块中代码都会执行: 2.当try和catch中有return时,finally仍然会执行: 3.finally是在return后面的表达式运算后执行的(此时并没有 ...
- padding百分百值是相对谁的百分比
先看代码 <head> <meta charset="UTF-8"> <title>Document</title> <sty ...
- Android中使用JUnit测试
package com.meritit.lottery.test; import java.util.List; import android.test.AndroidTestCase; import ...
- Xbin-Store(分布式商城)项目所用Linux服务系列 FastDFS安装(五)
系列 Xbin-Store(分布式商城)项目所用Linux服务系列 MySQL安装(一) Xbin-Store(分布式商城)项目所用Linux服务系列 Redis集群安装(二) Xbin-Store( ...
- 本机Ajax异步通信
昨天我们用JQuery.Ajax解释JQuery样通过Ajax实现异步通信.为了更好的编织知识网,今天我们用一个Demo演示怎样用javascript实现原生Ajax的异步通信. 原生Ajax实现异步 ...
- jxl导出Excel
首先先在自己工程中导入jxl的jar包: 疯狂google后找到一段别人的导出excel方法,先备份于下面: import java.io.File; import java.io.FileOutpu ...
- 开始使用Material UI
Material-UI采用 Material Design风格的React UI组件,所以要想学习material ui先要了解react. material ui安装 Material-UI 可以使 ...
- uwp - 禁用屏幕翻转/禁用屏幕旋转/禁用横屏模式
原文:uwp - 禁用屏幕翻转/禁用屏幕旋转/禁用横屏模式 解决方案目录 > Package.appxmanifest 双击打开,把支持的旋转:纵向勾上,只勾这一个其他不勾,就可以了.同理,想让 ...
- win10下Linux子系统开启ssh服务
原文:win10下Linux子系统开启ssh服务 为了便于交流共同学习,博主QQ群242629020(stm32-MCU认认真真交流群) 欢迎批评指导!!!电梯:https://jq.qq.com/? ...