首页
学习
活动
专区
圈层
工具
发布

简易Qt图片查看器

本篇使用Qt来实现一个可以查看任意目录下图片的图片查看器,可以电脑中任意目录下图片的查看,并且可以通过鼠标滚轮以及鼠标移动来实现图片的灵活放大、缩小,此外,在打开一个图片后,若该目录下还有其它图片,通过左右切换...,可以放大和缩小图片 鼠标左键按下再移动,可以移动图片 下方两侧的切换按钮,可以切换上一张、下一张图片 1 总体结构 整个Qt图片查看器项目的代码结构如下: 主代码中是图片查看器相关的代码,包括: src...:图片查看器主代码 picview.pro:Qt工程文件 images:存放各个按钮图标的资源文件 build中是编译的中间文件和编译结果存储的目录 下面分类介绍了程序的主要代码实现。...打开指定图片,通过QFileDialog::getOpenFileName来获取图片文件的绝对路径,然后再提取出此图片所处的目录位置,通过QDir的entryInfoList方法再找出此目录下的其它所有图片...m_prevBtn->setEnabled(true); m_nextBtn->setEnabled(true); } 打开图片文件示意: 上一张、下一张按钮的槽函数如下,主要就是在按下按钮后

3.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Win10系统怎样让图片的打开方式为照片查看器?

    在Win10系统中有一个最不方便的地方就是图片的打开方式没有照片查看器,如果想恢复传统的照片查看器该怎么操作呢? 方法步骤:   1....首先,我们需要使用 注册表编辑器 来开启Win10系统照片查看器功能,因为其实这个功能是被隐藏了,那么按下 Windows徽标键+R键 ,打开运行命令窗口,输入 regedit 命令。 ?   ...接下来,如果你想要使用Windows照片查看器查看 .png后缀 的文件,那么数值名称写为 .png,数值数据还是为 “PhotoViewer.FileAssoc.Tiff”。...换句话说,只要你想更改任何格式的图片文件打开方式,那么数值名称就是 .格式名称,数值数据一直为 PhotoViewer.FileAssoc.Tiff。 ?   7....到这里,我们就成功修改了图片文件的打开方式,我们可以 关闭注册表编辑器,然后对着你想要打开的图片格式的文件击右键,选择 “打开方式” ,就可以看到打开程序列表中有 “Windows照片查看器” 。 ?

    2.9K20

    PyQt 多标签批量图片查看器开发纪实

    一、起点:确定需求我拿起笔(其实是打开了 Typora),列了几条最基本的需求:支持选择文件夹,批量读取其中的图片每个文件夹,开一个独立标签页,互不干扰支持图片缩放、平移(鼠标操作)图片浏览支持前后切换界面要尽量清爽简洁思考片刻之后...__init__() self.setWindowTitle("多标签图片查看器") self.resize(1200, 800) self.init_ui()...加载单张图片时的容错图片可能损坏,或某些特殊格式无法用 QPixmap 打开,我在 load_image 加了一层:def load_image(self): self.scene.clear()...十四、性能分析与后续优化缓存缩略图:undefined对于大量图片的文件夹,每次打开都扫描、加载会有点慢。...我打算在 utils.py 里加一个缩略图缓存模块,首次打开时生成 .thumbs/ 缓存,下次直接读。多线程加载:undefined当前所有加载都在主线程,若图片超大会卡死界面。

    1.2K10

    JS 图片压缩

    前言 说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传,...文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套 JS 实现的图片压缩代码呢?...压缩思路 涉及到 JS 的图片压缩,我的想法是需要用到 Canvas 的绘图能力,通过调整图片的分辨率或者绘图质量来达到图片压缩的效果,实现思路如下: 获取上传 Input 中的图片对象 File 将图片转换成...:window.navigator // 官方已不建议使用的文件下载方式,仅针对 ie 且兼容性 10 以上 // msSaveBlob 仅提供下载 // msSaveOrOpenBlob 支持下载和打开...上传存储图片如果需要对文件大小格式有要求的,可以统一压缩处理图片 前台页面想要编辑图片,可以在 Canvas 处理图片的时候,加一些其他逻辑,例如添加文字,剪裁,拼图等等操作 当然温馨提示:因部分接口有

    34.5K21

    jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)

    前言 因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽、调整大小、最大化,图片的缩放...如果你的网速和其他原因不能打开 CodePen 的话,可以查看下面的图片演示。 主要功能 Magnify 的功能可以参考 Windows 照片查看器,基本完成了可以实现的所有功能。...1.模态窗拖拽 如果图片尺寸不大于展示区域,通过图片展示区域也可以拖拽弹窗。这和 QQ 图片查看器的操作方式是相同的。 2.模态窗调整大小 可以通过参数设置模态窗的最小宽高。...除了 Windows 照片查看器,QQ 的图片查看器也非常的高大上。我们只要简单修改就可以实现 QQ 图片查看器的效果,但是部分功能比如缩略图还没有实现。...面对这样的图片查看器足以令人心旷神怡~ 总结 目前插件整体已经趋于完善,但仍然有很多需要修改及添加的细节,尤其对移动端的支持,大家可以 star 一下随时关注项目的更新动态。

    4.2K90

    使用 React PDF 构建 React.js PDF 查看器的指南

    在本文中,我们将重点介绍在React.js中制作 PDF 查看器的最受欢迎的开源库。具体来说,我们将利用著名的开源库react-pdf的功能,指导您完成创建 React.js PDF 查看器的过程。 ...通过本教程,您将在第一部分学习如何使用 React-PDF 在 React.js 应用程序中实现功能齐全的 PDF 查看器。...开源 React.js PDF 查看器库在 React.js 开发中,各种开源库,尤其是非常流行的react-pdf和 @react-pdf/renderer,为 PDF 查看提供了便利。...使用 React-PDF 构建 React.js PDF 查看器要求:         - Node.js 版本 14 或更高版本。         -包管理器与 npm 兼容。...}, viewer.current).then((core) => { docViewer = core.docViewer }) }); return ( )}PDF 文件将会打开并显示

    1.8K10
    领券