简介
ImageViewZoom 支持加载 Resource 或 PixelMap 图片,支持设置图像显示类型功能,支持缩放功能,支持平移功能,双击放大功能,可以监听图片大小,资源变化事件,支持清除显示图片功能。
效果展示
下载安装
ohpm install @ohos/imageviewzoom
OpenHarmony ohpm 环境配置等更多内容,请参考如何安装 OpenHarmony ohpm 包
使用说明
ets 代码依赖
import {ImageViewTouchDate, ImageViewTouch, DisplayType} from "@ohos/imageviewzoom"
import {PixelMapUtils} from "./PixelMapUtils"
...
//创建model对象
@State private model: ImageViewTouch.Model = new ImageViewTouch.Model();
...
//使用ImageViewTouch组件
ImageViewTouch({ model: $model });
...
在Swiper组件内使用,如果有图片放大后切图的场景,需要在Swiper组件的onAnimationEnd方法内调用gestureConversion方法,调整手势方向,以避免图片index未变化时,出现手势竞争问题,如下所示:
if (this.currentIndex == index && this.data[this.currentIndex].getScale() > 1) {
this.data[this.currentIndex].gestureConversion(PanDirection.All, SwipeDirection.None)
}
接口说明
- 设置图片资源
public setImageSrc(src ?: Resource | PixelMap | string | null, matrix ?: object | null, minZoom ?: number, maxZoom ?: number): void
setImageSrc接口新增src参数的string