PhotoView使用說(shuō)明

1. PhotoView功能介紹

1.1 組件介紹：

PhotoView是一個(gè)繼承自Image的組件，不同之處在于：它可以進(jìn)行圖擊放大功能，手勢(shì)縮放功能(暫無(wú)真機(jī)，無(wú)法測(cè)試)。

1.2 手機(jī)模擬器上運(yùn)行效果：

原始圖片效果：

第一次雙擊圖片效果：

第二次雙擊圖片效果：

第三次雙擊圖片效果：(恢復(fù)到初始圖片效果)

2. PhotoView使用方法:

2.1 將源碼entry-libs文件下的photoview.har復(fù)制到自己的項(xiàng)目entry-libs文件夾下;

2.2 在entry-buid.gradle文件下添加‘*har’, 然后點(diǎn)擊Sync Now，等待加載完成

2.3 在項(xiàng)目中創(chuàng)建PhotoView對(duì)象，并設(shè)置寬，高，添加圖片資源;

2.4 啟動(dòng)項(xiàng)目，點(diǎn)擊圖片，效果如1.2中所示。

3. PhotoView開發(fā)實(shí)現(xiàn):

代碼如下，PhotoView 繼承Image 并實(shí)現(xiàn)Component.TouchEventListener接口，重寫onTouchEvent()方法;如果時(shí)間間隔超過1s,則記錄上一次點(diǎn)擊時(shí)間;兩次點(diǎn)擊時(shí)間在1s內(nèi)認(rèn)為是雙擊;第一次雙擊放大兩倍，第二次雙擊再放大兩倍，第三次雙擊，縮小4倍到原圖大小。

項(xiàng)目源代碼地址：https://github.com/isoftstone-dev/PhotoView-Harmony

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

©著作權(quán)歸作者和HarmonyOS技術(shù)社區(qū)共同所有，如需轉(zhuǎn)載，請(qǐng)注明出處，否則將追究法律責(zé)任

想了解更多內(nèi)容，請(qǐng)?jiān)L問：

51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)

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