鴻蒙HarmonyOS三方件開發指南(5)-Photoview組件
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技術社區共同所有,如需轉載,請注明出處,否則將追究法律責任
https://harmonyos.51cto.com/#zz