【软通动力】HarmonyOS三方件开发指南(5)——Photoview组件 原创 精华

软通田可辉
发布于 2021-1-18 17:26
浏览
17收藏

PhotoView使用说明

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

【软通动力】HarmonyOS三方件开发指南(5)——Photoview组件-鸿蒙开发者社区

第一次双击图片效果:

【软通动力】HarmonyOS三方件开发指南(5)——Photoview组件-鸿蒙开发者社区

第二次双击图片效果:

【软通动力】HarmonyOS三方件开发指南(5)——Photoview组件-鸿蒙开发者社区

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

【软通动力】HarmonyOS三方件开发指南(5)——Photoview组件-鸿蒙开发者社区

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

【软通动力】HarmonyOS三方件开发指南(5)——Photoview组件-鸿蒙开发者社区

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

【软通动力】HarmonyOS三方件开发指南(5)——Photoview组件-鸿蒙开发者社区

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

【软通动力】HarmonyOS三方件开发指南(5)——Photoview组件-鸿蒙开发者社区

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

3.  PhotoView开发实现:
        代码如下,PhotoView 继承Image  并实现Component.TouchEventListener接口,重写onTouchEvent()方法;如果时间间隔超过1s,则记录上一次点击时间;两次点击时间在1s内认为是双击;第一次双击放大两倍,第二次双击再放大两倍,第三次双击,缩小4倍到原图大小。
 【软通动力】HarmonyOS三方件开发指南(5)——Photoview组件-鸿蒙开发者社区
项目源代码地址:https://github.com/isoftstone-dev/PhotoView-Harmony

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

 

 

 

  

 

 

 

 

 

 

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
已于2021-1-21 09:48:03修改
22
收藏 17
回复
举报
2条回复
按时间正序
/
按时间倒序
鸿蒙开发者社区官方账号
鸿蒙开发者社区官方账号

征文大赛正在火热进行中,如此有才华的楼主真的不考虑再多写几篇投递到征文吗?

 


例如这篇在标题开头添加“#2020征文-手机#“。
再找到相应的专栏位置投稿,就可以参加比赛啦!

 


详细步骤可以点击链接https://harmonyos.51cto.com/posts/1940进行了解

用更多的文章来赢取更多的奖励和人气吧!期待楼主后续的活跃表现。

已于2021-1-20 15:43:36修改
回复
2021-1-20 15:33:31
软通田可辉
软通田可辉 回复了 鸿蒙开发者社区官方账号
征文大赛正在火热进行中,如此有才华的楼主真的不考虑再多写几篇投递到征文吗? 例如这篇在标题开头添加“#2020征文-手机#“。再找到相应的专栏位置投稿,就可以参加比赛啦! 详细步骤可以点击链接https://harmonyos.51cto.com/posts/1940进行了解 用更多的文章来赢取更多的奖励和人气吧!期待楼主后续的活跃表现。

感谢关注,后续会继续输出更多优质干货

回复
2021-1-22 09:17:16
回复
    相关推荐