Qt5.14.2 Qt5图形原力觉醒，窥见图像操作的无限未来

相比于其他图形界面框架，Qt5最大的亮点莫过于其原生多媒体能力了。在Qt5中，不论是对图像、视频还是音频的操作，都有现成的类库为你效劳，如行云流水般便捷高效。今天我们就来一睹Qt5图像类的芳容，看看如何在程序中随心所欲地驾驭图像。

一、“你好，图片”:载入与显示静态图片

最基本的图像操作自然是加载和显示了。在Qt5中，QLabel和QPixmap就是你展现图片的得力助手:

QPixmap pixmap(":/images/qt-logo.png"); // 从资源文件加载图片
QLabel *label = new QLabel;
label->setPixmap(pixmap); // 在QLabel中显示图片

这段代码首先使用QPixmap从程序的资源文件中加载了一张Qt标志图片。接着创建一个QLabel对象并调用setPixmap将该图片设置给它。就这么简单，Qt Logo就神奇地呈现在了Qt应用的界面上。

QPixmap和QLabel是Qt开发中用得最多的类了。QPixmap可以从文件系统、资源、数据流和剪贴板等各种途径载入图像数据。而QLabel是Qt中最常见的图形界面元素，不仅能显示图片，还能展示文本或者图文混排的内容。

二、动画驱动:打造生动图像播放视窗

除了静态图片之外，Qt5还允许我们将图像作为动画的帧序列进行播放。这不但使界面看起来更加动态生动，还让我们能学习到实现动画的基本方法:

QLabel *imageLabel = new QLabel;
QMovie *movie = new QMovie(":/images/tron.gif"); // 从资源文件加载动画
imageLabel->setMovie(movie);
movie->start(); // 开始播放动画

这里我们从资源文件中加载了一个Tron风格的动画GIF图片，并使用QMovie和QLabel的组合来播放该动画。

QMovie就是Qt5中专门负责播放动画序列的类。它可以从多种途径获取动画数据，包括动画GIF图片、多张静态帧图片等。通过start/stop/setPaused等方法，我们就能完全控制动画的播放状态。

而QLabel也可以直接通过setMovie接口，代替setPixmap从而显示QMovie对象所包含的动画序列。这无疑是将动态图像整合到界面中的最佳选择。

三、图像雄姿:旋转、缩放、裁切无所不能

光能显示图片可还远远不够，作为开发者我们常常需要对图像做一些几何变换操作，比如旋转、缩放或裁切。幸运的是，Qt5的QPixmap向我们开放了这些能力:

QPixmap pixmap(":/images/pic.jpg"); // 载入原始图片
// 旋转90度
QTransform transform; 
transform.rotate(90); // 创建旋转变换
QPixmap rotatedPixmap = pixmap.transformed(transform); // 旋转图片
// 缩放到0.5倍
QPixmap scaledPixmap = pixmap.scaledToWidth(pixmap.width()*0.5， Qt::SmoothTransformation);
// 裁切图片中部分区域
QPixmap clippedPixmap = pixmap.copy(100， 100， 300， 200); 

首先，我们从资源文件中载入了一张名为pic.jpg的图片。然后，代码分别展示了如何对图片做旋转、缩放、裁切等变换操作。

对于旋转，我们可以创建一个QTransform对象，设置合适的旋转角度和旋转中心，然后使用QPixmap::transformed将图像按变换矩阵进行旋转。缩放则可通过QPixmap的scaledToWidth或scaledToHeight等方法实现，并且可指定平滑或快速算法。

而裁切则更为直接，QPixmap::copy方法能让我们提取图像中的任意区域，以获得一个新的QPixmap对象。这对于需要从大图像中获取关键部分的场景非常实用。

这只是冰山一角，Qt5的QPixmap包罗万象，几乎囊括了所有对图像进行二维变换和像素级操作的能力，让你对图像有着无与伦比的掌控力。而QImage类也为我们带来了直接编辑图像像素数据的能力，两者可谓前后呼应，将图像操作的大门完全向我们打开了。

四、像素艺术家:在图像上添加文本水印

当我们具备了对图像的任意几何变换和像素级访问能力后，就可以发挥更加丰富的创意了。比如，我们来在图像中添加文字水印，以展示我们独一无二的版权声明:

QPixmap pixmap(":/images/pic.jpg");
QPixmap watermarkedPixmap(pixmap.size());
watermarkedPixmap.fill(Qt::transparent); // 填充透明像素

QPainter painter(&watermarkedPixmap); // 在图像上开始作画
painter.setOpacity(0.5); // 设置文字透明度
painter.setFont(QFont("Arial"， 25));
painter.drawPixmap(0， 0， pixmap); // 先绘制原始图片
painter.drawText(10， 30， "FunFunFunFunFunFun"); // 再绘制文字水印

这里我们先创建了一个和原图相同大小的透明QPixmap对象，作为我们的画布。然后利用QPainter在这个画布上首先绘制了原始图片，再调用drawText方法在图片上写下了"FunFunFunFunFunFun"这样一个文字水印。

在QPainter中，我们还设定了透明度和字体样式等画笔属性，以确保水印看起来质量过硬。最终watermarkedPixmap不仅包含了原图，还包含了半透明的英文水印。

这个例子也向我们揭示了一个重要概念:QPainter不只是Qt5中用于2D绘制的通用画笔，它还能用于直接在图像上绘制各种文字、形状和图像。

五、奇妙滤镜:借QPainter之力打造梦幻特效

我们刚才见识了QPainter如何在图像上添加文字水印，其实它的本领远不止于此。利用QPainter的各种画笔效果，我们还能对图像施加形形色色的滤镜特效，打造梦幻般的视觉体验:

QPixmap pixmap(":/images/pic.jpg");
QPixmap filteredPixmap(pixmap.size());
filteredPixmap.fill(Qt::transparent);

QPainter painter(&filteredPixmap);
painter.setOpacity(0.5); // 设置透明度
painter.setCompositionMode(QPainter::CompositionMode_SourceIn); // 设置合成模式
painter.fillRect(filteredPixmap.rect()， QBrush(QColor(128， 255， 128))); // 绿色蒙版

painter.setCompositionMode(QPainter::CompositionMode_SourceOver); // 切换合成模式
painter.drawPixmap(0， 0， pixmap); // 绘制原始图片

// 进一步添加画笔效果
painter.setCompositionMode(QPainter::CompositionMode_Darken);
painter.setPen(QPen(Qt::darkGray， 5， Qt::DashLine));
painter.drawRect(pixmap.rect().adjusted(10， 10， -10， -10));

这个例子首先在透明画布上绘制了一个半透明的绿色矩形作为蒙版，并将原始图片合成了进去。接下来又在图片外围添加了一个灰色的虚线矩形边框。

这一切的奥秘都隐藏在QPainter的compositionMode合成模式中。通过切换SourceOver、SourceIn、Darken等不同的合成模式，QPainter就能在绘制新元素时对现有像素产生各种滤镜混合效果。

再配合QPainter提供的各种画刷、渐变、图案等效果，我们就能对图像施加光影渲染、像素化、浮雕、老照片、油画等无数种视觉滤镜了。Photography这个名字并不是PM的专利，Qt给了我们重新定义摄影艺术的无限可能!

六、动静皆宜:图片的魔力动态视窗

到目前为止，我们都只是在静态地展示和处理图像。但Qt5的图形系统功能远不止如此，它还为我们提供了将图片动态化的大门，让平面的图像在界面中"动"起来:

QLabel *imageLabel = new QLabel;
QMovie *movie = new QMovie(":/images/tron.gif");
imageLabel->setMovie(movie);
movie->start();

QPushButton *btn = new QPushButton("Start Animation");
QObject::connect(btn， &QPushButton::clicked， [=](){
    QPropertyAnimation *animation = new QPropertyAnimation(imageLabel， "geometry");
    animation->setDuration(2000);
    animation->setStartValue(imageLabel->geometry());
    animation->setEndValue(QRect(200， 200， 400， 300));
    animation->start();
});

我们先是用前文中的方式创建了一个QLabel显示GIF动画。接下来又添加了一个按钮，当按钮被点击时，会触发一个QPropertyAnimation动画，使图像Label在2秒内从当前位置和大小，平滑地过渡到新的(200， 200)位置和400x300的尺寸。

通过Qt的动画框架，我们不仅能使图像动起来，还能控制图像尺寸、位置、旋转、透明度等属性随时间平滑变化。这为我们构建动态、交互式的图像视窗提供了无穷可能。

想象一下，如果我们在图像上绘制可交互的热点区域，并为这些区域指定动画行为，就能打造出酷炫的图像导览、漫游和展示效果了。再结合Qt的其他UI控件，我们就能为图像创造独一无二的魔力视窗，使之凝聚动静的魅力。

七、海阔凭鱼跃:Qt5开辟图像新视野

我们在这篇博文中探讨了Qt5图像类提供的众多强大功能，从基本的图像显示、动画播放，到图像变换、QPainter特效的无限创造力，再到动画赋予图像全新生命的独特魔力。

然而，Qt5的图像处理能力远不止于此。QImageReader/QImageWriter让我们能方便地读写各种图像格式，而QImageCapture则为我们打开了直接从相机获取图像的大门。QQuickImageProvider更是让Qt Quick图形界面能直接访问我们自定义的图像源。

除此之外，我们还能通过第三方插件和库扩展Qt的图像处理能力，比如OpenCV就为Qt带来了现代机器视觉和图像分析的强劲动力。

Qt5为跨平台的图像操作提供了一站式解决方案。无论你是希望打造精美的图形界面，还是进行专业的图像处理应用开发，亦或是进行图像识别和机器视觉方面的创新，Qt5都将为你打开一扇通往图像天地的全新大门。

那么，你已经做好准备，迎接Qt5带给你的图像新视野了吗?发挥你的创造力，尽情绽放你对图像的想象力吧，Qt5将永远与你并肩同行!