鸿蒙HarmonyOS三方件开发指南（5）-Photoview组件

发布时间：2025-11-05 07:22:13 来源：创站工坊 作者：IT科技类资讯

想了解更多内容，鸿蒙请访问：

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

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内认为是双击;第一次双击放大两倍，b2b信息网第二次双击再放大两倍，第三次双击，缩小4倍到原图大小。

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

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

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

想了解更多内容，请访问：

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

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

相关文章