HarmonyOS 图片放大后的滚动联动问题

Swiper里面放着Scroll,Scroll里面放着Image,我想在Image被放大的时候,先在Scroll内部滑动,当滑动到边缘的时候再滚动到下一张图片

HarmonyOS
2024-12-24 15:47:04
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

实现类似图库图片可放大缩小滑动的效果

参考图库源码:https://gitee.com/openharmony/applications_photos/tree/master

关键代码

图片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

分享
微博
QQ
微信
回复
2024-12-24 17:22:20
相关问题
HarmonyOS TextPickerDialog多级联动问题
880浏览 • 1回复 待解决
HarmonyOS scroll滚动问题
955浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动问题
1869浏览 • 1回复 待解决
HarmonyOS Tabs组件Tab栏滚动问题
1934浏览 • 1回复 待解决
Grid嵌套滚动问题有知道吗?
3818浏览 • 1回复 待解决
仿射变换列表滑动问题
1176浏览 • 1回复 待解决
HarmonyOS动问题
767浏览 • 1回复 待解决
HarmonyOS 想点击图片放大
967浏览 • 1回复 待解决
HarmonyOS 点击图片放大缩小
1203浏览 • 1回复 待解决
HarmonyOS bindSheet拖动问题
693浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List动问题
1062浏览 • 1回复 待解决
HarmonyOS 悬浮按钮拖动问题
1572浏览 • 1回复 待解决
HarmonyOS LongPressGesture手势移动问题
1237浏览 • 1回复 待解决
HarmonyOS list滑动问题
1714浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
1333浏览 • 1回复 待解决
HarmonyOS Slider滑动问题
1466浏览 • 1回复 待解决