[文章]【软通动力】HarmonyOS三方件开发指南(5)——Photoview组件

阅读量0
0
2
`PhotoView使用说明
1.  PhotoView功能介绍
1.1 组件介绍:
        PhotoView是一个继承自Image的组件,不同之处在于:它可以进行图击放大功能,手势缩放功能(暂无真机,无法测试)。
1.2 手机模拟器上运行效果:
原始图片效果:

第一次双击图片效果:
2.png

第二次双击图片效果:
3.png

第三次双击图片效果:(恢复到初始图片效果)
4.png

2.  PhotoView使用方法:
2.1 将源码entry-libs文件下的photoview.har复制到自己的项目entry-libs文件夹下;
5.png

2.2 在entry-buid.gradle文件下添加‘*har’, 然后点击Sync Now,等待加载完成
6.png

2.3 在项目中创建PhotoView对象,并设置宽,高,添加图片资源;
7.png

2.4 启动项目,点击图片,效果如1.2中所示。

3.  PhotoView开发实现:
        代码如下,PhotoView 继承Image  并实现Component.TouchEventListener接口,重写onTouchEvent()方法;如果时间间隔超过1s,则记录上一次点击时间;两次点击时间在1s内认为是双击;第一次双击放大两倍,第二次双击再放大两倍,第三次双击,缩小4倍到原图大小。
8.png

项目源代码地址:https://github.com/isoftstone-dev/PhotoView-Harmony


©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
`
1.png

回帖

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
链接复制成功,分享给好友