Qt学习笔记(一)通过QLabel显示图片

一、创建widget工程picture_label,基类为widget,添加UI;

二、

    1,添加资源文件:工程picture_label右键添加新文件->Qt->soursefile,命名为picture

    2,添加前缀/new/label,添加文件,从路径中选择。(注:应该将图片文件命名为英文,且在工程文件夹中新建一个img文件夹,图片放入其中)

    注(重要):开始的时候添加图片之后一直不能在qrc文件下显示一个new/label文件夹,双击也没用,也找不出问题,后来发现添加完资源文件后应该Ctrl+s保存一下才能正确显示,在这一步竟然错了两次!


此时如图所示

//picture_label.cpp
#include "picture_label.h"
#include "ui_picture_label.h"

picture_label::picture_label(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::picture_label)
{
    ui->setupUi(this);
   label1=new QLabel(); //初始化
    QImage *img=new QImage; //新建一个image对象

    img->load(":/new/label/img/wholeBody.jpg"); //将图像资源载入对象img,注意路径,可点进图片右键复制路径
    ui->label1->setPixmap(QPixmap::fromImage(*img)); //将图片放入label,使用setPixmap,注意指针*img
}

picture_label::~picture_label()
{
    delete ui;
}
头文件中添加#include<QLabel>

三、ui界面设置

    此时图片虽然已经在标签上,但运行时只有一个小标签,里面是小半块图片。

(1)要使界面有滑动条,可以显示完整个图片,则在ui中添加Scroll Area控件,将label放入该控件,两者使用栅格布局,即label填满scroll area.

(2)要使图片label充满整个窗体,则将scroll area与剩余部分进行栅格布局。


参考该网友做法(我没力气截图了): http://blog.csdn.net/lyc_daniel/article/details/8748106 

我的效果如下图:


以上~



  • 13
    点赞
  • 112
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Qt中,可以使用QLabel控件来显示图片。首先,需要创建一个QImage对象并加载图像文件。如果加载图像失败,可以弹出一个消息框提示用户。接下来,可以根据需要调整图像的大小,使用scaled()函数来进行等比例缩放。然后,将缩放后的图像转换为QPixmap对象,并将其设置为QLabel显示图像。最后,可以使用setText()函数在另一个QLabel显示图像的宽度和高度。以下是一个示例代码: QString filename("F:\\Study\\junior\\Qt\\door\\1.jpg"); QImage* img = new QImage; if(!img->load(filename)) // 加载图像 { QMessageBox::information(this, tr("打开图像失败"), tr("打开图像失败!")); delete img; return; } int width = img->width(); int height = img->height(); QImage scaledImg = img->scaled(ui->label->width(), ui->label->height(), Qt::KeepAspectRatio); // 缩放图像 ui->label->setPixmap(QPixmap::fromImage(scaledImg)); // 设置QLabel显示图像 ui->label_text->setText(QString("width: %1\nheight: %2").arg(scaledImg.width()).arg(scaledImg.height())); // 在另一个QLabel显示图像的宽度和高度 请注意,这只是一个示例代码,具体的实现可能会根据你的需求而有所不同。例如,你可能需要根据窗口大小动态调整图像的大小,或者添加一些其他的功能来处理图像。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Qt中用QLabel显示图片](https://blog.csdn.net/qq_22642239/article/details/123031925)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [QtQLabel(属性 显示图片 显示动图 显示富文本信息 信号)](https://blog.csdn.net/qq_14945437/article/details/98031703)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值