鸿蒙HarmonyOS三方件开发指南(5)-Photoview组件

开发 OpenHarmony
文章由鸿蒙社区产出,想要了解更多内容请前往:51CTO和华为官方战略合作共建的鸿蒙技术社区https://harmonyos.51cto.com/#zz

PhotoView使用说明

1. PhotoView功能介绍

1.1 组件介绍:

PhotoView是一个继承自Image的组件,不同之处在于:它可以进行图击放大功能,手势缩放功能(暂无真机,无法测试)。

1.2 手机模拟器上运行效果:

原始图片效果:


第一次双击图片效果:


第二次双击图片效果:


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


2. PhotoView使用方法:

2.1 将源码entry-libs文件下的photoview.har复制到自己的项目entry-libs文件夹下;


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


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


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

3. PhotoView开发实现:

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


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

欢迎交流:HWIS-HOS@isoftstone.com

©著作权归作者和HarmonyOS技术社区共同所有,如需转载,请注明出处,否则将追究法律责任

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com/#zz

 

责任编辑:jianghua 来源: 鸿蒙社区
相关推荐

2021-06-28 14:48:03

鸿蒙HarmonyOS应用

2021-01-18 09:52:20

鸿蒙HarmonyOS开发

2021-02-04 09:45:19

鸿蒙HarmonyOS应用开发

2021-03-01 09:48:24

鸿蒙HarmonyOS应用开发

2021-02-24 15:22:47

鸿蒙HarmonyOS应用开发

2021-01-12 12:04:40

鸿蒙HarmonyOS应用开发

2021-01-20 09:54:56

鸿蒙HarmonyOS开发

2021-01-13 09:40:31

鸿蒙HarmonyOS开发

2021-04-16 09:28:18

鸿蒙HarmonyOS应用

2021-02-04 13:06:38

鸿蒙HarmonyOS应用开发

2021-02-26 14:15:27

鸿蒙HarmonyOS应用开发

2021-05-12 15:17:39

鸿蒙HarmonyOS应用

2021-01-22 17:33:03

鸿蒙HarmonyOS应用开发

2021-03-01 14:01:41

鸿蒙HarmonyOS应用开发

2021-03-19 17:42:01

鸿蒙HarmonyOS应用开发

2021-04-20 09:42:20

鸿蒙HarmonyOS应用开发

2021-03-31 09:50:25

鸿蒙HarmonyOS应用开发

2021-04-12 09:36:54

鸿蒙HarmonyOS应用

2021-03-10 15:03:40

鸿蒙HarmonyOS应用

2021-08-04 14:16:41

鸿蒙HarmonyOS应用
点赞
收藏

51CTO技术栈公众号