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

news2024/11/18 11:21: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尺寸的图标

四、结语

温故而知新

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/681884.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

软考：软件工程:软件开发方法，软件可行性分析，需求分析，ER实体图，数据流图，状态转换图，数据字典

软考：软件工程:软件开发方法，软件可行性分析，需求分析，ER实体图，数据流图，状态转换图，数据字典

软考&#xff1a;软件工程: 提示&#xff1a;系列被面试官问的问题&#xff0c;我自己当时不会&#xff0c;所以下来自己复盘一下&#xff0c;认真学习和总结&#xff0c;以应对未来更多的可能性 关于互联网大厂的笔试面试&#xff0c;都是需要细心准备的 &#xff08;1&#…
阅读更多...
LC-1401. 圆和矩形是否有重叠

LC-1401. 圆和矩形是否有重叠

1401. 圆和矩形是否有重叠 难度中等56 给你一个以 (radius, xCenter, yCenter) 表示的圆和一个与坐标轴平行的矩形 (x1, y1, x2, y2) &#xff0c;其中 (x1, y1) 是矩形左下角的坐标&#xff0c;而 (x2, y2) 是右上角的坐标。 如果圆和矩形有重叠的部分&#xff0c;请你返回…
阅读更多...
Linux——进程地址空间，写时拷贝，进程独立性

Linux——进程地址空间，写时拷贝，进程独立性

Linux进程内存分布 验证地址空间排布 结论&#xff1a;堆区向地址增大的方向增长&#xff0c;栈区向地址减少的方向增长。局部变量通常保存在栈上&#xff0c;先定义的先入栈&#xff0c;地址是比较高的&#xff0c;后定义的则地址小。 static变量 作用域不变&#xff0c;生命…
阅读更多...
【go】Excelize处理excel表 带数据校验的文件导出

【go】Excelize处理excel表 带数据校验的文件导出

文章目录 1 Excelize介绍2 相关需求与实现2.1 数据的excel文件导出2.2 带数据校验的excel文件导出 1 Excelize介绍 Excelize 是 Go 语言编写的用于操作 Office Excel 文档基础库。官方文档&#xff1a;https://xuri.me/excelize/zh-hans/ 引入方法 go get "github.com/…
阅读更多...
Linux——进程控制：创建、终止、等待、替换

Linux——进程控制：创建、终止、等待、替换

进程创建 fork #include <unistd.h> pid_t fork(void);操作系统做了什么&#xff1f; 调用fork之后&#xff0c;内核的工作&#xff1a; 分配新的内存块和内核数据结构给子进程将父进程部分数据结构内容拷贝至子进程添加子进程到系统进程列表当中fork返回&#xff0c…
阅读更多...
一个简单案例理解为什么在多线程的应用中要使用锁

一个简单案例理解为什么在多线程的应用中要使用锁

需求:使用10个线程,同时对一个值count进行加一操作,每个线程对count加100000次,最终使得count1000000 第一版代码:不加锁 ​​​lock.c #include<stdio.h> #include<pthread.h>#define THREAD_COUNT 10void *thread_callback(void *arg){int *pcount(int*)arg;in…
阅读更多...
计算机网络--网络传输基本概念

计算机网络--网络传输基本概念

什么是IP地址&#xff1f; 在计算机出厂的时候&#xff0c;有一个唯一标识的物理地址。但是因为厂商不同等各种原因&#xff0c;用来标识一台计算机在网络中是比较麻烦的&#xff0c;于是出现了IP地址&#xff0c;IP地址是互联网协议地址的意思&#xff0c;是“Internet Protoc…
阅读更多...
【Matlab】数字图像的 SVD 分解

【Matlab】数字图像的 SVD 分解

奇异值分解 (SVD, Singular Value Decomposition) 是线性代数中一种重要的矩阵变换方法&#xff0c;对矩阵进行 SVD 分解&#xff0c;可以把复杂的矩阵简化&#xff0c;从而提取出重要的信息。数字图像的 SVD 分解是对数字图像建模的一种方法与工具&#xff0c;可以应用于图像压…
阅读更多...
操作系统01-导论

操作系统01-导论

一、概述 操作系统&#xff1a;英文是operating system&#xff0c;OS 它的作用运行用户程序&#xff08;核心目标&#xff09;高效使用计算机&#xff08;面向系统&#xff09;方便使用计算机&#xff08;面向用户&#xff09; 二、内容 2.1 现代计算机系统 一个或多个CPU和…
阅读更多...
机器学习：self supervised learning

机器学习：self supervised learning

340M 参数 BERT 自监督学习的目标跟目标越接近越好。 一个任务&#xff1a;预测句子中被mask的词&#xff1a; BERT通过Masking Input来获得训练数据 mask有两种做法&#xff1a; 将某个字token换成一个特殊符号&#xff08;代表盖住&#xff09; 随机把某个字换成另外一个…
阅读更多...
chatgpt赋能python：Python程序怎么打包

chatgpt赋能python：Python程序怎么打包

Python程序怎么打包 Python作为一种功能强大的编程语言&#xff0c;它的很多应用都需要打包成可执行文件或者可以方便部署的代码。本篇文章将介绍Python程序打包的方法及步骤。 为什么需要打包&#xff1f; 分享代码或程序&#xff1a;当你编写了一个Python程序并且想要分享给…
阅读更多...
【⑥MySQL多表查询】：让你的数据检索更高效

【⑥MySQL多表查询】：让你的数据检索更高效

前言 ✨欢迎来到小K的MySQL专栏&#xff0c;本节将为大家带来MySQL中多表查询相关知识的讲解 目录 前言一、多表关系二、多表查询1、交叉连接2、内连接3、外连接 三、集合运算四、七种JOINS实现五、多表查询练习六、总结 一、多表关系 ✨项目开发中&#xff0c;在进行数据库表结…
阅读更多...
MySQL生产环境高可用架构详解

MySQL生产环境高可用架构详解

一、MySQL高可用集群介绍 1、数据库主从架构与分库分表 随着现在互联网的应用越来越大&#xff0c;数据库会频繁的成为整个应用的性能瓶颈。而 我们经常使用的MySQL数据库&#xff0c;也会不断面临数据量太大、数据访问太频繁、数据 读写速度太快等一系列的问题。所以&#xf…
阅读更多...
记录分享在10年老的商务本Dell E6230上安装Debian 12的过程，遇到的问题和解决方法

记录分享在10年老的商务本Dell E6230上安装Debian 12的过程，遇到的问题和解决方法

原先在笔记本上安装的是Debian 9&#xff0c;最近发现无法更新了&#xff0c;查一下发现&#xff0c;所有的“源”只支持deb10&#xff0c;11 和 12&#xff0c;所以特意订了一块新的硬盘来安装新系统&#xff0c;前后倒腾了两天多。 在此记录这个过程中遇到的问题和解决的方法…
阅读更多...
Mysql主从复制和读写分离(期望日子清静，抬头皆是温柔)

Mysql主从复制和读写分离(期望日子清静，抬头皆是温柔)

文章目录 一、读写分离1.什么是读写分离?2.为什么要读写分离呢?3.什么时候要读写分离?4.读写分离原理5.读写分离方式&#xff08;1&#xff09;基于程序代码内部实现&#xff08;2&#xff09;基于中间代理层实现 二、主从复制1.主从复制与读写分离的关系2.mysql支持的复制类…
阅读更多...
langchain源码阅读系列（一）之LLM输入输出管理

langchain源码阅读系列（一）之LLM输入输出管理

原文首发于博客文章OpenAI 文档解读 LangChain 主体分为 6 个模块&#xff0c;分别是对&#xff08;大语言&#xff09;模型输入输出的管理、外部数据接入、链的概念、&#xff08;上下文记忆&#xff09;存储管理、智能代理以及回调系统&#xff0c;通过文档的组织结构&#x…
阅读更多...
如何编写一个最简单的 udp 版本的 echo server 和 echo client(小白也懂!)

如何编写一个最简单的 udp 版本的 echo server 和 echo client(小白也懂!)

目录 目的 第一步 编写Server(服务器) 第二步 创建Server的各类参数 第三步 实现具体的Server内容 第四步 编写Client(客户端) 实现具体的Client内容 总流程 总代码 源码下载 目的 我们编写一个udp 版本的 echo server 和 echo client 实现在自己电脑上通过客户端…
阅读更多...
open【部署、使用教程】

open【部署、使用教程】

目录 【1】创建证书 【2】安装openVPN-Server端并配置 【3】将证书移动到相对路径 【4】开启内核转发功能&#xff0c;否则会无法启动openVPN 【5】启动服务&#xff0c;加入开机自启 【6】启动后服务端会生成一个tun0的虚拟网卡&#xff0c;用于不同网段之间相互通信 【…
阅读更多...
VUE2.0集成 Markdown 编辑器

VUE2.0集成 Markdown 编辑器

Markdown编辑器的使用 这是一款基于Vue的markdown编辑器。既可以用来编辑Markdown语法&#xff0c;又可以用来解析 效果图,mavonEditor实现了Markdown集成 Markdown是一种标记语言&#xff0c;相较于word文档更加清晰方便&#xff0c;适合进行笔记等。将Markdown集成进入自己项…
阅读更多...
Matlab使用S函数

Matlab使用S函数

什么是S函数&#xff1f; S-函数是系统函数&#xff08;System Function&#xff09;的简称&#xff0c;在 Simulink 中用非图形化的方式来描述一个模块。一个完整的S-函数结构体系包含了描述一个动态系统所需要的全部能力。使用S-函数用户可以向 Simulink 模型中添加自己的模块…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023