当前位置:   article > 正文

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

鸿蒙photoviewpicker save怎么用

PhotoView使用说明

1. PhotoView功能介绍

1.1 组件介绍:

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

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

原始图片效果:

d95e6687663466bd49d983fb4e09aebf.png

第一次双击图片效果:

b110d947cd6f78f95b51a4f785c012fe.png

第二次双击图片效果:

86a373e5a5232f97253f26904bb74cc7.png

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

0f440f0ffc57caa79f2cf41bf4cf6b71.png

2. PhotoView使用方法:

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

6dae4bb2cf3a37981f25e54db51e7883.png

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

7b5cda82f2e0123a6e3752c8d4a844f0.png

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

77a02b1d9696dda7ea16069149dda5cc.png

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

3. PhotoView开发实现:

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

c564f43fc524479742653486df1fb4ed.png

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

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

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

【编辑推荐】

【责任编辑:jianghua TEL:(010)68476606】

点赞 0

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号