图片缩放浏览组件,图片可缩放,平移,旋转
ohpm install @ohos/photoview
OpenHarmony ohpm环境配置等更多内容,请参考 如何安装OpenHarmony ohpm包 。
import {PhotoView} from '@ohos/photoview';
...
//创建model对象
@State data: PhotoView.Model = new PhotoView.Model();
//设置图片源
aboutToAppear() {
this.data
.setImageResource($rawfile('wallpaper.jpg'))
.setScale(1, false)
.setImageFit(ImageFit.Contain)
.setOnPhotoTapListener({
onPhotoTap(x:number,y:number){
}
})
}
...
//使用PhotoView
PhotoView({model: this.data})
public setImageResource(src:Resource)
public setImageURI(src: string)
public setImageElement(src: PixelMap)
public setZoomable(zoomable: boolean)
public setRotationTo(rotationDegree: number)
public setRotationBy(rotationDegree: number)
public setMaximumScale(maximumScale: number)
public setMinimumScale(minimumScale: number)
public setMediumScale(mediumScale: number)
public getScale(): number
public setOnClickListener(listener: OnClickListener)
public setOnLongClickListener(listener: OnLongPressListener)
public setOnDoubleTapListener(onDoubleTapListener: OnDoubleTapListener) \
public setOnMatrixChangeListener(listener: OnMatrixChangedListener)
在下述版本验证通过:
|---- PhotoView
|---- entry
| |---- pages # 示例代码文件夹
|---- library
| |---- components # 库文件夹
| | |---- PhotoView.ets # 自定义组件
| | |---- RectF.ets # 区域坐标点数据封装
| |---- README.md # 安装使用方法
如果你觉得这篇内容对你还蛮有帮助,我想邀请你帮我三个小忙:
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。