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

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

当前的困难：

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

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能否提供打开本地文档进行预览的文档

616浏览 • 1回复待解决

334浏览 • 1回复待解决

2463浏览 • 1回复待解决

495浏览 • 1回复待解决

814浏览 • 1回复待解决

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

463浏览 • 1回复待解决

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

165浏览 • 1回复待解决

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

912浏览 • 1回复待解决

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

158浏览 • 1回复待解决

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

227浏览 • 1回复待解决

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

180浏览 • 1回复待解决

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

272浏览 • 1回复待解决

HarmonyOS 能否提供脚本打包

314浏览 • 1回复待解决

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

210浏览 • 1回复待解决

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

451浏览 • 1回复待解决

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

289浏览 • 1回复待解决

HarmonyOS 能否提供折线图的组件

728浏览 • 1回复待解决

HarmonyOS 能否提供扫码的demo代码

304浏览 • 1回复待解决

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

641浏览 • 1回复待解决

能否提供命令行构建？

977浏览 • 1回复待解决

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

645浏览 • 1回复待解决

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

297浏览 • 1回复待解决

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

175浏览 • 1回复待解决

使用预览器实现多端预览

1320浏览 • 1回复待解决

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

303浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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