能否提供图片预览的官方实现？

应用内图片列表预览，可滑动查看图片列表，单张图片支持双击缩放、手势缩放、拖动查看大图。

当前的困难：

当前借鉴了几个三方库可实现单张图片双击缩放、手势缩放、拖动查看大图。

https://ohpm.openharmony.cn/#/cn/detail/@ohos%2Flargeimage

https://ohpm.openharmony.cn/#/cn/detail/@ohos%2Fimageviewzoom

但是在 Swiper 组件中图片缩放后，存在两个问题：

1.滑动手势冲突，滑动手势全被图片控件消费。

2.图片缩放后如何做滑动边界判断。

HarmonyOS

Excelsior_abit

9h前

浏览

回答 1

待解决

回答 1

按赞同

按时间

zbw_apple

问题可参考：

(1)图库源码：https://gitee.com/openharmony/applications_photos/tree/master

主要方案实现思路是Swiper+Image+各种手势处理。

关键代码：

图片Item组件。

applications_photos/ common / src / main / ets / default /view/PhotoItem.ets

手势处理逻辑：

PanGesture…

冲突处理逻辑：

.onTouch((event?: TouchEvent) => { 
  this.dealTouchEvent(event as TouchEvent); 
  this.eventPipeline?.onTouch(event as TouchEvent); 
})

手势管道处理工具:

applications_photos/common/src/main/ets/default/model/browser/photo/EventPipeline.ts

设置swiper滑动状态逻辑：

public setSwipeStatus(disable: Boolean): void { 
  this.broadCast.emit(PhotoConstants.SET_DISABLE_SWIPE, [disable]); 
}

整体逻辑是在手势管道中通过事件通知swiper禁用或启用滑动手势。OH当前能力是可以实现的

图片轮播页面:

applications_photos/ common / src / main / ets / default /view/PhotoSwiper.ets

(2)其他的有demo。

电子相册demo：https://gitee.com/harmonyos/codelabs/tree/master/HarmonyOS_NEXT/ElectronicAlbum

3h前

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS能否提供打开本地文档进行预览的文档

331浏览 • 1回复待解决

如何实现图片的大图预览效果

1755浏览 • 1回复待解决

HarmonyOS 希望官方提供日历组件

171浏览 • 1回复待解决

HarmonyOS是否有官方提供的加锁方法

197浏览 • 1回复待解决

卡片能否通过预览器进行预览

509浏览 • 1回复待解决

如何实现图片预览，有人知道吗？

469浏览 • 1回复待解决

能否提供SM2（国密）请求，HarmonyOS实现的demo样例

68浏览 • 1回复待解决

HarmonyOS 能否提供折线图的组件

275浏览 • 1回复待解决

HarmonyOS能否提供数据存储的样例工程

233浏览 • 1回复待解决

开发预览的时候，能否支持指定页面预览？现在默认都是去入口文件

397浏览 • 1回复待解决

使用预览器实现多端预览

855浏览 • 1回复待解决

能否提供命令行构建？

652浏览 • 1回复待解决

HarmonyOS 能否提供OH_ArkUI_GetNodeHandleFromNapiValue的使用示例？

143浏览 • 1回复待解决

HarmonyOS matrix实现图像平移缩放，效果很差，能否提供对应高效能demo

458浏览 • 1回复待解决

如何实现pdf文件的预览？

349浏览 • 1回复待解决

HarmonyOS List容器组件中的ListItem组件，可以通过拖动来实现顺序调整么？是否有现成官方提供的方式？

449浏览 • 1回复待解决

HarmonyOS 能否提供Web样例工程代码？

97浏览 • 1回复待解决

harmonyos开发能否尽快提供map组件啊

6966浏览 • 2回复待解决

如何实现将app中的图片保存到图库中，希望提供示例代码？

81浏览 • 1回复待解决

HarmonyOS能否提供下华为账号接入的开发文档

324浏览 • 1回复待解决

能否提供下HarmonyOS对应的RSA加签方法?

114浏览 • 1回复待解决

HarmonyOS 如何拉起系统相册，选择图片进行上传云端，能否提供个demo或者文档链接参考？

88浏览 • 1回复待解决

ImageKnife加载的图片能否自适应高度？

43浏览 • 1回复待解决

HarmonyOS 能否提供登录界面样例demo？

136浏览 • 1回复待解决

能否提供一个关于SM3加密的demo？

543浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

能否提供图片预览的官方实现？

订阅鸿蒙技术特刊，精选内容抢先看