23.Qt Quick QML-400行实现一个好看的图片浏览器-支持多个图片浏览、缩放、旋转、滑轮切换图片...

之前我们已经学习了Image、Layout布局、MouseArea、Button、GroupBox、FileDialog等控件.

所以本章综合之前的每章的知识点,来做一个图片浏览器,笔者使用的Qt版本为Qt5.14

源码已上传至专栏群(第一章底部获取)中,感兴趣的自行下载、
入群需验证订阅用户名,尽量选择"订阅专栏"、"学习会员"会验证失败

1.图片浏览器介绍

界面截图如下所示:

 效果如下所示(动图有点大,加载有点久):

快捷键说明:

• 如果鼠标位于大图浏览区,则可以通过鼠标滑轮来放大缩小图片,通过ctrl+滑轮则可以进行旋转图片,通过鼠标左键按下则可以随意拖动图片
• 如果鼠标位于多个图片浏览区(最下面一排的图片那里),则可以通过鼠标滑轮来进行切换上一张和下一张

2.代码介绍

• flick : 用来存放放置当前大图的一个Flickable容器
• photoImage : 用来显示当前大图的一个I