qt调用图片并自适应界面大小显示

2023-11-08

一、前言

记录qt使用图片打开、查看和关闭等操作

实现点击按键,打开选择的指定位置图片,有缩放显示,并可以点击放大按键放大图片,放大后图片自适应电脑窗口大小,大于窗口尺寸会根据最大宽和高缩放,小于窗口尺寸就按原比例居中显示出来。

二、环境

windows

qt5.7

三、正文

场景一:

调用指定位置图片,并以缩略图形式显示

        QString place=qApp->applicationDirPath()+"/picture/"+str+".png";
        QFileInfo fileInfo(place);
        if(fileInfo.isFile()){//图片文件存在
            QImage *img=new QImage;
            img->load(place);
            ui->label_PIC->setPixmap(QPixmap::fromImage(*img));
            ui->label_PIC->setScaledContents(true);//让图片填充满QLabel
            delete img;//必须释放内存,否则运行一段时间内存爆满程序崩溃
            //双击表格查看缩略图的详情
            connect(ui->pushButton,&QPushButton::clicked,[=](){
                showmaxpic(place);//刷新放大后的缩略图
            });
        }
        else{//文件不存在
            ui->label_PIC->setText("位置图片丢失,请查看程序根目录picture下是否存在相关图片文件!");
        }

对应点击后放大图片,我的桌面分辨率是1280*1024的

//显示缩略图全屏图片
void MessageBox8::showmaxpic(QString place)
{
    //qDebug()<<place;
    QWidget *picshow=new QWidget;//无this,为新建界面
    picshow->setWindowFlags(Qt::FramelessWindowHint);
    picshow->setWindowModality(Qt::ApplicationModal);
    picshow->setAttribute(Qt::WA_DeleteOnClose);//若是关闭界面,则彻底释放资源
    picshow->resize(1280,1024);
    //显示双击的缩略图放大图片
    QLabel *pic=new QLabel(picshow);//在picshow上面新建控件
    QImage *img=new QImage;
    img->load(place);
    int size_w = 1280;//展示框宽
    int size_h = 1024;//展示框高
    int width = img->width();  //实际图片宽
    int height = img->height();//实际图片高
    int scaleWidth = size_w;//最终计算图片宽度
    int scalHeight = size_h;//最终计算图片高度
    if(width > size_w){//图片本身宽度大于展示框宽度,等比例缩放
        scaleWidth = size_w;
        scalHeight = scaleWidth *height /width;
//        qDebug() << scalHeight << scaleWidth;
        if(scalHeight > size_h){//缩放后高度大于展示框,根据展示框高度等比例缩放
            scalHeight = size_h;
            scaleWidth = scalHeight * width/height;
        }
        pic->resize(scaleWidth,scalHeight);
        pic->move((size_w-scaleWidth)/2,(size_h-scalHeight)/2);
    }
    else if(height > size_h){//图片本身高度大于展示框,等比例缩放
        scalHeight = size_h;
        scaleWidth = scalHeight * size_w/height;
//        qDebug() << scalHeight << scaleWidth;
        if(scaleWidth > size_w){//缩放后宽度大于展示框,根据展示框宽度等比例缩放
            scaleWidth = size_w;
            scalHeight = scaleWidth *height /width;
        }
        pic->resize(scaleWidth,scalHeight);
        pic->move((size_w-scaleWidth)/2,(size_h-scalHeight)/2);
    }
    else{//符合展示框高度和宽度,可以直接使用
        pic->resize(width,height);
        pic->move((size_w-width)/2,(size_h-height)/2);
    }
    img->scaled(pic->size(),Qt::KeepAspectRatio);//设置图片模式//Qt::IgnoreAspectRatio//Qt::KeepAspectRatio
    pic->setScaledContents(true);//使能图片缩放填充QLabel模式
    pic->setPixmap(QPixmap::fromImage(*img));
    delete img;//必须释放内存,否则运行一段时间内存爆满程序崩溃
//    pic->setAlignment(Qt::AlignCenter);//将图片放在label中心,用缩放了就不需要了
    //返回按键
    QPushButton *button_cancel=new QPushButton(picshow);
    //右上角有一个小按键点击退出
//    button_cancel->resize(61,61);
//    button_cancel->move(1840,10);
//    button_cancel->setStyleSheet("border-image: url(:/PIC/icon/放大.png);");
    //全屏按键点击退出
    button_cancel->resize(1280,1024);
    button_cancel->move(0,0);
    button_cancel->setStyleSheet("border-image: url(:/PIC/icon/透明.png);");
    connect(button_cancel,&QPushButton::clicked,[=](){picshow->close();});
    picshow->show();
}

效果:

缩略图:

 放大图:

边上一圈蓝色是我的电脑背景,为了对比露出上下白边,图片分辨率是2560*1550的,按照等比例缩放后全部显示在1280*1024的界面中,没有失调比例

场景二:

缩略图显示一样,指定label之后,直接setScaledContents(true);填充满label,虽然失调比例但是能看全图像

之后点击按键放大全屏显示图像,入口函数与上面不同,直接传入的是QImage图片数据

//显示缩略图全屏图片
void dynamictest04A::showmaxpic(QImage *img)
{
    //qDebug()<<place;
    QWidget *picshow=new QWidget;//无this,为新建界面
    picshow->setWindowFlags(Qt::FramelessWindowHint);
    picshow->setWindowModality(Qt::ApplicationModal);
    picshow->setAttribute(Qt::WA_DeleteOnClose);//若是关闭界面,则彻底释放资源
    picshow->resize(1280,1024);
    //显示双击的缩略图放大图片
    QLabel *pic=new QLabel(picshow);//在picshow上面新建控件
    int size_w = 1280;//展示框宽
    int size_h = 1024;//展示框高
    int width = img->width();  //实际图片宽
    int height = img->height();//实际图片高
    int scaleWidth = size_w;//最终计算图片宽度
    int scalHeight = size_h;//最终计算图片高度
    if(width > size_w){//图片本身宽度大于展示框宽度,等比例缩放
        scaleWidth = size_w;
        scalHeight = scaleWidth *height /width;
//        qDebug() << scalHeight << scaleWidth;
        if(scalHeight > size_h){//缩放后高度大于展示框,根据展示框高度等比例缩放
            scalHeight = size_h;
            scaleWidth = scalHeight * width/height;
        }
        pic->resize(scaleWidth,scalHeight);
        pic->move((size_w-scaleWidth)/2,(size_h-scalHeight)/2);
    }
    else if(height > size_h){//图片本身高度大于展示框,等比例缩放
        scalHeight = size_h;
        scaleWidth = scalHeight * size_w/height;
//        qDebug() << scalHeight << scaleWidth;
        if(scaleWidth > size_w){//缩放后宽度大于展示框,根据展示框宽度等比例缩放
            scaleWidth = size_w;
            scalHeight = scaleWidth *height /width;
        }
        pic->resize(scaleWidth,scalHeight);
        pic->move((size_w-scaleWidth)/2,(size_h-scalHeight)/2);
    }
    else{//符合展示框高度和宽度,可以直接使用
        pic->resize(width,height);
        pic->move((size_w-width)/2,(size_h-height)/2);
    }

    img->scaled(pic->size(),Qt::KeepAspectRatio);//设置图片模式//Qt::IgnoreAspectRatio//Qt::KeepAspectRatio
    pic->setScaledContents(true);//使能图片缩放填充QLabel模式
    pic->setPixmap(QPixmap::fromImage(*img));
//    pic->setAlignment(Qt::AlignCenter);//将图片放在label中心,用缩放了就不需要了
    //返回按键
    QPushButton *button_cancel=new QPushButton(picshow);
    //右上角有一个小按键点击退出
//    button_cancel->resize(61,61);
//    button_cancel->move(1840,10);
//    button_cancel->setStyleSheet("border-image: url(:/PIC/icon/放大.png);");
    //全屏按键点击退出
    button_cancel->resize(1280,1024);
    button_cancel->move(0,0);
    button_cancel->setStyleSheet("border-image: url(:/PIC/icon/透明.png);");
    connect(button_cancel,&QPushButton::clicked,[=](){picshow->close();});
    picshow->show();
}

核心部分就是scaled函数设置,还有就是label尺寸要适应缩放后的图片尺寸

QImage QImage::scaled(const QSize &size, Qt::AspectRatioMode aspectRatioMode = Qt::IgnoreAspectRatio, Qt::TransformationMode transformMode = Qt::FastTransformation) const

Returns a copy of the image scaled to a rectangle defined by the given size according to the given aspectRatioMode and transformMode.

返回按给定aspectRatioMode和transformMode将图像缩放到由给定大小定义的矩形的副本

If aspectRatioMode is Qt::IgnoreAspectRatio, the image is scaled to size. 图像按比例缩小。
If aspectRatioMode is Qt::KeepAspectRatio, the image is scaled to a rectangle as large as possible inside size, preserving the aspect ratio.图像被缩放到一个尽可能大的矩形内尺寸,保持高宽比。
If aspectRatioMode is Qt::KeepAspectRatioByExpanding, the image is scaled to a rectangle as small as possible outside size, preserving the aspect ratio.图像被缩放到一个尽可能小的矩形尺寸,保持高宽比。
If the given size is empty, this function returns a null image.如果给定的大小为空,则此函数返回空图像。

See also isNull() and Image Transformations.
 

效果:

缩略图:

放大图:

同上

不超过尺寸放大图

一个200*200尺寸的图标

四、结语

温故而知新

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

qt调用图片并自适应界面大小显示 的相关文章

  • php奇偶数怎么求,php奇偶数循环

    根据表单提交的数据用户在浏览器生成图一示例的图形 图形参数说明 大小 图形中最长那一行的字符数 奇数行 偶数行 最长那一个行为奇数行 紧邻的两行算偶数行 以此类推 案例效果图 应用了for循环 还应用了一个php函数 str repeat
  • 初级算法-12-实现 strStr()

    描述 实现 strStr 函数 给你两个字符串 haystack 和 needle 请你在 haystack 字符串中找出 needle 字符串出现的第一个位置 下标从 0 开始 如果不存在 则返回 1 说明 当 needle 是空字符串时
  • Android Context 上下文 你必须知道的一切

    转载请标明出处 http blog csdn net lmj623565791 article details 40481055 本文出自 张鸿洋的博客 本文大多数内容翻译自 http www doubleencore com 2013 0
  • maven(四):一个基本maven项目的pom.xml配置

    继续之前创建的test项目 一个基本项目的pom xml文件 通常至少有三个部分 第一部分 项目坐标 信息描述等
  • Python爬虫从入门到精通:(27)scrapy框架04_scrapy数据解析_Python涛哥

    scrapy数据解析 这节课 我们来看下scrapy中的数据解析 创建工程 爬取内容 爬取段子网中的段子 https duanzixing com 段子 回顾上节课所学的知识 创建scrapy 我们先来创建工程和爬虫文件 1 scrapy
  • asp.net 根据url获取参数值

    以下是 根据url获取参数值 Uri myUri new Uri http 10 0 0 75 7003 SitePages t1 aspx CurrentFolder http 10 0 0 75 7003 test docs 人力资源部
  • 实现基于SSL的主从复制

    准备 两台主机 1 在主服务器上生成证书 mkdir etc my cnf d ssl cd etc my cnf d ssl openssl genrsa 2048 gt cakey pem openssl req new x509 ke
  • Web安全之中间件安全

    中间件 中间件 英语 Middleware 又译中间件 中介层 是一类提供系统软件和应用软件之间连接 便于软件各部件之间的沟通的软件 应用软件可以借助中间件在不同的技术架构之间共享信息与资源 中间件位于客户机服务器的操作系统之上 管理着计算
  • Conda安装及使用手册

    Conda 是一个开源的软件包管理系统和环境管理系统 用于安装和管理多个软件包及其依赖项 它可以帮助用户创建虚拟环境 使得不同的项目可以使用不同的软件包和版本 从而避免版本冲突和不兼容性问题 下面是 Conda 的安装和使用步骤 安装 Co
  • 鳄鱼笔记(一) --> C#_入门<--[认识C#]

    c 语言和特点 c 语言及其特点 一 特性 二 认识 net Framework net core 三 个人理解 End c 语言及其特点 一 特性 c 是微软发布的 运行于 net Framework 和 net core 之上的高级语言
  • 面向对象设计的SOLID原则

    S O L I D是面向对象设计和编程 OOD OOP 中几个重要编码原则 Programming Priciple 的首字母缩写 SRP The Single Responsibility Principle 单一责任原则 OCP The
  • matlab练习程序(图像滤波时的边界处理)

    我们在写滤波程序时一般会用矩阵模板与原图像做卷积 这时候在做图像边界的处理是一般都选择忽略边缘 不过要是模板比较大 那么处理的效果就不好了 图像四周就会是原图像 中间才是滤波后的结果 虽然用Matlab的imfilter就能解决 不过还是自
  • 人脸识别对齐,向量搜索

    人脸对齐的概念 1 查找人脸 我们可以使用dlib来查找人脸 也就是所谓的侦测人脸 可以从下面github的地址去拿到models 人脸查找的models dnnFaceDetector dlib cnn face detection mo
  • #cmakedefine真实含义

    cmakedefine 用于configure file 中用于生成头文件的文件中 只有当CMakeLists txt中的同名变量为真时才会在生成的头文件中定义 区别于 define无论何时都会定义
  • 中介者模式-C++实现

    跟我在公司搭的框架好像 MediatorPattern cpp 定义控制台应用程序的入口点 include stdafx h include
  • buck变换器设计matlab_开关电源控制环路设计,非常实用!

    欢迎加入技术交流QQ群 2000人 电力电子技术与新能源 1105621549 高可靠新能源行业顶尖自媒体 在这里有电力电子 新能源干货 行业发展趋势分析 最新产品介绍 众多技术达人与您分享经验 欢迎关注微信公众号 电力电子技术与新能源 M
  • RichErp - vue 使用总结 - data 和 props

    data仅代表自己的内部的状态数据 所以如果一个Component仅仅是自身改变状态 然后把状态反馈给外界的话 理论上说只用data就可以了 显然组件通常不会这样 而是需要一种可进可出的状态 也就是允许外界对组件内部的数据进行修改 同时组件
  • R语言的pairs函数和ggpairs函数在数据可视化中扮演着重要的角色,能够实现散点图矩阵图的可视化

    R语言的pairs函数和ggpairs函数在数据可视化中扮演着重要的角色 能够实现散点图矩阵图的可视化 本文将介绍这两个函数的用法 并通过源代码演示如何使用它们进行数据可视化 1 R语言的pairs函数 pairs函数是R语言中一个强大的数
  • React 进阶: useSyncExternalStore API 外部状态管理

    React 进阶 useSyncExternalStore API 外部状态管理 文章目录 React 进阶 useSyncExternalStore API 外部状态管理 完整代码示例 动机 关于状态的思考 方案一 自行接入外部状态 外部

随机推荐

  • 分类器概念篇

    分类器是数据挖掘中对样本进行分类的方法的统称 包含决策树 逻辑回归 朴素贝叶斯 神经网络等 分类器的构造和实施大体会经过以下几个步骤 选定样本 包含正样本和负样本 将所有样本分成训练样本和测试样本两部分 在训练样本上执行分类器算法 生成分类
  • 以违停检测为示例的利用微软云AIOT技术加速项目落地

    AIoT即融合了AI 人工智能 和IoT 物联网 的技术 图形图像处理是人工智能领域中重要的一个分支 在日常生活中也存在大量基于图形图像的处理的场景 比如交通违章抓拍 基于视觉的司机防疲劳监测 家用摄像机的老人摔倒报警等功能 对于物联网则在
  • Kafka消息分区&producer拦截器&无消息丢失(八)

    上篇文章说了 acks 1代表什么都不管 即使配置了回调也不会起作用 0代表不会等待replic副本里的不会持久化 只要broker leader持久化成功则返回给producer 1代表all 则表示全部持久化成功才返回成功给produc
  • dubbo分布式日志跟踪

    dubbo分布式日志追踪 需要修改两个地方 一个是consumer端的 InvokerInvocationHandler java 红色是修改的地方 public class InvokerInvocationHandler impleme
  • 微服务项目打包时指定jar包复制到同一文件夹下

    转载于原文 在项目最外层pom文件中指定文件存放位置
  • 密码学技术如何选型?再探工程能力边界的安全模型|第5论

    作者 李昊轩 来源 微众银行区块链 牢不可破的密码学算法也怕物理攻击 物理信号泄露为何会威胁到隐私保护的效果 隐私保护方案对部署环境有何讲究 不可信执行环境下如何设计隐私保护方案 这里 我们将继续安全模型的分析 由隐私保护技术方案中理论层面
  • JMeter 测试脚本编写技巧

    是一款开源软件 用于进行负载测试 性能测试及功能测试 测试人员可以使用 JMeter 编写测试脚本 模拟多种不同的负载情况 从而评估系统的性能和稳定性 以下是编写 JMeter 测试脚本的步骤 第 1 步 创建测试计划 在JMeter中 测
  • java 下mp3 转 pcm、wav

    mp3 转 pcm wav 由于MP3直接转为wav 容易出现文件大小为0k 时间缩短等问题 这里是通过先将mp3转成pcm 然后在通过pcm转成wav 下面直接上代码 先引入所需要的jar包
  • CentOS系统安装libssl-dev时No package libssl-dev availab

    libssl dev是ubuntu系统的库 而centos系统对应的是openssl devel centos中运行yum install openssl devel ubuntu系统运行apt get install libssl dev
  • 7.2 IDEA 没有Java EE

    方法二 第一步 正常创建一个新的New Project 创建完成后 选择项目包 gt 点击右键 gt 点击Add Framework Support 然后勾选Web Application 4 之后点击OK确认即可 完美的创建了JavaEE
  • C#断点续传的实现示例

    断点续传是一种可以在文件传输过程中出现断电 网络故障等情况时 能够保证传输内容不会全部丢失 而是可以从已传输的位置继续传输的机制 在文件传输较大 较复杂的情况下 使用断点续传可以提高传输质量 稳定性和效率 在C 中 可以使用HTTP协议的R
  • 蓝桥杯2021年第十二届真题第二场-国际象棋

    题目 题目描述 众所周知 八皇后 问题是求解在国际象棋棋盘上摆放 8 8 8 个皇后 使得两两之间互不攻击的方案数 已经学习了很多算法的小蓝觉得 八皇后 问题太简单了 意犹未尽 作为一个国际象棋迷 他想研究在 N M
  • DCGAN生成动漫头像(附代码)

    DCGAN 顾名思义 就是深度卷积生成对抗神经网络 也就是引入了卷积的 但是它用的是反卷积 就是卷积的反操作 我们看看DCGAN的图 生成器开始输入的是噪声数据 然后经过一个全连接层 再把全连接层的输出reshape 然后经过反卷积 判别器
  • 链表-单向链表、双向链表、链表反转、删除链表指定指定值

    目录 单向链表 双向链表 链表反转 删除链表中指定的所有值 单向链表 package basic linkedList public class SingleNode public SingleNode next public int va
  • 关于idea导入gradle工程,出现sync failed的问题

    在 精通Spring MVC4 这本书中 作者通篇采用gradle来作为项目构建工具 当我们下载下来随书源码后 想导入到idea中 发现idea控制台正在syncing 在第三步configure时一直出错 有时候依赖下载不下来 你到mav
  • c编译时的错误:程序中有游离的‘\240’‘\302’‘\XXX 时解决方案

    偶尔从网上看到不错的源码 想研究下 不幸编译时遇到 错误 程序中有游离的 240 302 之类的错误 大量的源码不可能再全部重敲一遍 经过一番研究 终于让我找到简单的解决方案 还是本着让后人少走弯路的想法 分享下 首先 编译器提示的 xxx
  • 西门子S7协议格式解析

    文章目录 简介
  • 基于FPGA的超声波测距

    文章目录 一 项目框架 二 超声波测距模块 三 串口模块 1 串口发送模块 2 串口发送控制模块 四 蜂鸣器模块 五 vga显示模块 1 vga协议驱动代码 2 vga数据控制模块 六 数码管 1 数码管段选控制 2 数码管位选 七 顶层文
  • Vue与ElementUI的v-loading控件

    Vue与Element的v loading控件 在需要添加loading动画的组件中加入v loading xxx xxx为true时表示加载 false时关闭加载 默认样式如下 如果要修改样式或者添加文字 则使用element loadi
  • qt调用图片并自适应界面大小显示

    一 前言 记录qt使用图片打开 查看和关闭等操作 实现点击按键 打开选择的指定位置图片 有缩放显示 并可以点击放大按键放大图片 放大后图片自适应电脑窗口大小 大于窗口尺寸会根据最大宽和高缩放 小于窗口尺寸就按原比例居中显示出来 二 环境 w