您现在的位置是:首页 > Javascript
当前栏目
鸿蒙HarmonyOS三方件开发指南(5)-Photoview组件
2023-04-18 14:50:44 时间
PhotoView使用说明
1. PhotoView功能介绍
1.1 组件介绍:
PhotoView是一个继承自Image的组件,不同之处在于:它可以进行图击放大功能,手势缩放功能(暂无真机,无法测试)。
1.2 手机模拟器上运行效果:
原始图片效果:
![](https://s3.51cto.com/oss/202101/21/f417799bd7218fc360990ddb2e6654da.png)
第一次双击图片效果:
![](https://s2.51cto.com/oss/202101/21/de1c2049e1ce02bdbf2cff189e1f8e9d.png)
第二次双击图片效果:
![](https://s3.51cto.com/oss/202101/21/865f176c37858c2e3bdf0af205580c23.png)
第三次双击图片效果:(恢复到初始图片效果)
![](https://s3.51cto.com/oss/202101/21/66904694f6b8a68289ef92230133a220.png)
2. PhotoView使用方法:
2.1 将源码entry-libs文件下的photoview.har复制到自己的项目entry-libs文件夹下;
![](https://s4.51cto.com/oss/202101/21/3ccb49b12d139e2231c41e4011bc2849.png)
2.2 在entry-buid.gradle文件下添加‘*har’, 然后点击Sync Now,等待加载完成
![](https://s6.51cto.com/oss/202101/21/3c2936615bd4f310b31f6a9e7efec916.png)
2.3 在项目中创建PhotoView对象,并设置宽,高,添加图片资源;
![](https://s6.51cto.com/oss/202101/21/74daf50944645a882f45bfdc829baa5c.png)
2.4 启动项目,点击图片,效果如1.2中所示。
3. PhotoView开发实现:
代码如下,PhotoView 继承Image 并实现Component.TouchEventListener接口,重写onTouchEvent()方法;如果时间间隔超过1s,则记录上一次点击时间;两次点击时间在1s内认为是双击;第一次双击放大两倍,第二次双击再放大两倍,第三次双击,缩小4倍到原图大小。
![](https://s5.51cto.com/oss/202101/21/d986e5e951c7660594ae9b35000d00d2.png)
项目源代码地址:https://github.com/isoftstone-dev/PhotoView-Harmony
欢迎交流:HWIS-HOS@isoftstone.com
©著作权归作者和HarmonyOS技术社区共同所有,如需转载,请注明出处,否则将追究法律责任
https://harmonyos.51cto.com/#zz
相关文章
- 前端面试 【JavaScript】— typeof 是否能正确判断类型?
- 前端面试 【JavaScript】— instanceof 能否判断基本数据类型?
- 前端面试 【JavaScript】— 能不能手动实现一下 instanceof 的功能?
- 前端面试 【JavaScript】— Object.is和=== 有什么区别?
- 前端面试 【JavaScript】— JS中类型转换有哪几种?
- 前端面试 【JavaScript】— == 和 ===有什么区别?
- 前端面试 【JavaScript】— 对象转原始类型是根据什么流程运行的?
- JavaScript 的 parseInt() 函数
- javascript实现两个数字进行组合
- JS监听键盘按键
- 大前端开发中的路由管理之五:Flutter篇
- Javascript的DOM操作
- 在Vue项目中使用WebSocket技术
- 新手向:前端程序员必学基本技能——调试JS代码
- React 毁了 Web 开发!
- 「JS 逆向百例」cnki 学术翻译 AES 加密分析
- 商标注册域名后缀用什么?商标和域名有哪些区别?
- 网站建设流程是怎样的?需要看重哪些细节?
- 网站域名商标注册流程是什么?网站域名商标有什么用?
- 如何建设一个实用性强的网站 网站上线后如何运营