HarmonyOS三方件开发指南(5)——Photoview组件 3年前

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组件

源码地址

作者:软通动力乾

想了解更多内容,请访问: 51CTO和华为官方战略合作共建的鸿蒙技术社区https://harmonyos.51cto.com/

贤者の长久
我希望庆国之民,有真理可循,知礼仪,守仁心,不以钱财论成败,不因权势而屈从,同情弱小,痛恨不平,危难时坚心志,无人处常自省;我希望这世间,再无压迫束缚,凡生于世,都能有活着的权利,有自由的权利,亦有幸福的权利。
5
发布数
0
关注者
3546
累计阅读

热门教程文档

MyBatis
19小节
QT
33小节
Redis
14小节
Rust
84小节
Objective-C
29小节