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

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

当前的困难：

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

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

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

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

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

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

HarmonyOS

Excelsior_abit

2024-11-19 10:50:11

浏览

回答 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

2024-11-19 17:03:36

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

发布

相关问题

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

458浏览 • 1回复待解决

HarmonyOS 如何实现图片预览

20浏览 • 1回复待解决

HarmonyOS 希望官方提供日历组件

280浏览 • 1回复待解决

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

2124浏览 • 1回复待解决

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

297浏览 • 1回复待解决

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

603浏览 • 1回复待解决

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

642浏览 • 1回复待解决

HarmonyOS HarmonyOS想实现阅读翻页功能，官方有什么demo可提供吗？

40浏览 • 1回复待解决

HarmonyOS 请提供一些H5、在线pdf、图片预览的相关demo

43浏览 • 1回复待解决

HarmonyOS 能否提供脚本打包

66浏览 • 1回复待解决

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

165浏览 • 1回复待解决

HarmonyOS 能否提供折线图的组件

462浏览 • 1回复待解决

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

481浏览 • 1回复待解决

能否提供命令行构建？

753浏览 • 1回复待解决

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

359浏览 • 1回复待解决

使用预览器实现多端预览

1092浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现访问手机相册图片预览并选择？

157浏览 • 1回复待解决

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

305浏览 • 1回复待解决

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

246浏览 • 1回复待解决

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

550浏览 • 1回复待解决

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

209浏览 • 1回复待解决

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

7167浏览 • 2回复待解决

HarmonyOS中的图片组件能否做网络图片缓存

61浏览 • 1回复待解决

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

617浏览 • 1回复待解决

如何实现pdf文件的预览？

511浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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