（三）Qlabel显示图片

最新推荐文章于 2025-06-10 22:02:15 发布

sunatmine

最新推荐文章于 2025-06-10 22:02:15 发布

阅读量3.2w

点赞数 21

CC 4.0 BY-SA版权

分类专栏： QT 文章标签： qt

本文链接：https://blog.csdn.net/sunatmine/article/details/109224468

QT 专栏收录该内容

19 篇文章

订阅专栏

本文探讨了在QT开发中使用QLabel显示图片的技巧，包括加载不同类型图片的方法、保持图片比例和适应控件大小的区别，以及推荐使用SVG图片作为验证码的优势。通过实例展示了如何处理JPEG、SVG等图片格式并调整控件大小以适应不同需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在（一）QT学习中，我们说过label这个控件是可以显示图片的，那么这篇让我们看下如何显示图片：

首先让我们创建一个项目picture，为项目布置上对应的控件label。让图片显示在label上：
代码很简单，如下

    QLabel *abel=new QLabel();
    QImage *img=new QImage;
    img->load("F:\\tupian\\image.jpg");
    ui->label->setPixmap(QPixmap::fromImage(*img));

但是你会发现，这样的载入方式，能加载的图片类型是很少的，例如百度上下载的.jfif(JPEG格式)无法加载。那么想加载其他类型的图片该如何处理呢

    QPixmap *pixmap = new QPixmap("F:\\timg.jfif");
    pixmap->scaled(ui->label->size(), Qt::KeepAspectRatio, Qt::SmoothTransformation);
    ui->label->setScaledContents(true);
    ui->label->setPixmap(*pixmap);

当然你也可以读取图片的二进制数据，再加载图片，例如这篇文章可以参考：https://cloud.tencent.com/developer/article/1601595
在这里插入图片描述

另外以上加载的图片，都是图片适应label的大小，因为实际情况是：页面一般是固定的，只能图片适应控件大小。如果想控件适应图片大小呢，可以这么操作：

    QImage image;
    image.load("F:\\timg.jfif");
    ui->label->setPixmap(QPixmap::fromImage(image));
    ui->label->resize(QSize(image.width(),image.height()));

这么做是有风险的，因为你需要控制图片的大小，否则会出现只加载图片的一部分（因为窗口大小是有限的，而无关label大小），即显示不全。

在这里插入图片描述
在项目中，如果我们需要传输图片作为验证码图片，可以考虑SVG图片，这种图片可以任意缩放，并且它的文本和图像是相互独立的，即你可以任意指定文字字体、文字大小写等，服务器可以很方便的变换验证码文字，而不需要变换图片；客户端也可以任意缩放图片大小，不会影响图片质量。
例如登陆界面（做的粗糙，有需要的自己调整大小即可）：
在这里插入图片描述
label加载的代码：

    QPixmap *pixmap = new QPixmap("D:\\method-draw-image.svg");
    pixmap->scaled(ui->label->size(), Qt::KeepAspectRatio, Qt::SmoothTransformation);
    ui->label_picture->setScaledContents(true);
    ui->label_picture->setPixmap(*pixmap);