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

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

当前的困难：

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

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

按赞同

按时间

zbw_apple

问题可参考：

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

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

关键代码：

图片Item组件。

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

手势处理逻辑：

PanGesture…1.

冲突处理逻辑：

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

手势管道处理工具:

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

设置swiper滑动状态逻辑：

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

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

图片轮播页面:

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

(2)其他的有demo。

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

2024-11-19 17:03:36

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

发布

相关问题

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

1127浏览 • 1回复待解决

HarmonyOS 如何实现图片预览

773浏览 • 1回复待解决

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

3194浏览 • 1回复待解决

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

999浏览 • 1回复待解决

HarmonyOS 希望官方提供日历组件

1047浏览 • 1回复待解决

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

1247浏览 • 1回复待解决

HarmonyOS 能否在ArkWeb中实现下载及预览pdf的功能

709浏览 • 1回复待解决

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

1301浏览 • 1回复待解决

HarmonyOS 当前实现录屏效果，能否提供ArkTS接口？

518浏览 • 1回复待解决

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

723浏览 • 1回复待解决

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

554浏览 • 1回复待解决

HarmonyOS 官方有提供可以直接扫码的功能吗

746浏览 • 1回复待解决

HarmonyOS 实现网络图片预览，支持放大、缩小图片，有参考的案例吗

667浏览 • 1回复待解决

鸿蒙中能否实现摄像头的实时预览并处理图像帧数据？

164浏览 • 0回复待解决

HarmonyOS 能否提供脚本打包

725浏览 • 1回复待解决

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

1078浏览 • 1回复待解决

HarmonyOS 是否有官方提供的APP检查版本及更新组件

927浏览 • 1回复待解决

HarmonyOS 能否提供折线图的组件

1346浏览 • 1回复待解决

HarmonyOS 能否提供扫码的demo代码

860浏览 • 1回复待解决

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

1009浏览 • 1回复待解决

能否提供命令行构建？

1442浏览 • 1回复待解决

HarmonyOS 是否有官方提供的APP下拉刷新，上拉下载组件

710浏览 • 1回复待解决

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

1170浏览 • 1回复待解决

HarmonyOS xml解析能否提供更简单的方法？

847浏览 • 1回复待解决

使用预览器实现多端预览

1796浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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