HarmonyOS app大图预览手势问题

在做图片预览时候,实现方案是swiper嵌套的Image, 但是做Image放大移动时候,遇到的问题:

  1. 移动到左边边界时候,此时禁用了pan的手势,但是用户开始往右移动,突然快速往左移动,造成了翻页,所以如何控制swiper的滑动事件

2、移动过程中,往右滑动下个页面的图片展示,往左没有

  1. 在image的 touch事件中,当down状态,没有up的过程中,如何实时 开启和关闭swiper的滑动能力
HarmonyOS
2024-12-25 13:00:35
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

swiper添加touch事件,非up场景,禁用swiper滑动功能,反之启用swiper滑动功能,如下:

Swiper() {
  ImageViewTouch({ model: $model, blockSwiper: $blockSwiper });
  ImageViewTouch({ model: $model1, blockSwiper: $blockSwiper });
  ImageViewTouch({ model: $model2, blockSwiper: $blockSwiper });
}
.onTouch((event?: TouchEvent) => {
  if(event){
    if (event.type === TouchType.Down) {
      this.eventType = 'Down'
    }
    if (event.type === TouchType.Up) {
      this.eventType = 'Up'
    }
    if (event.type === TouchType.Move) {
      this.eventType = 'Move'
    }
    this.text = 'TouchType:' + this.eventType + '\nDistance between touch point and touch element:\nx: '
      + event.touches[0].x + '\n' + 'y: ' + event.touches[0].y + '\nComponent globalPos:('
      + event.target.area.globalPosition.x + ',' + event.target.area.globalPosition.y + ')\nwidth:'
      + event.target.area.width + '\nheight:' + event.target.area.height
  }
})
.index(this.currentIndex)
.disableSwipe(this.eventType === 'Up' ? false : true)
分享
微博
QQ
微信
回复
2024-12-25 14:52:47
相关问题
如何实现图片的预览效果
2540浏览 • 1回复 待解决
HarmonyOS http下载失败
413浏览 • 1回复 待解决
HarmonyOS 关于图片浏览
300浏览 • 1回复 待解决
HarmonyOS 图片浏览页面示例
296浏览 • 1回复 待解决
HarmonyOS image组件加载,加载缓慢
294浏览 • 1回复 待解决
HarmonyOS 关于手势问题
267浏览 • 1回复 待解决
HarmonyOS pan手势问题
50浏览 • 1回复 待解决
HarmonyOS PDF 预览问题
724浏览 • 1回复 待解决
HarmonyOS 手势事件上报问题
460浏览 • 1回复 待解决
HarmonyOS 启动设置问题
416浏览 • 1回复 待解决
HarmonyOS 图片抠问题
568浏览 • 1回复 待解决
HarmonyOS APP可以直接设置启动吗?
1257浏览 • 1回复 待解决
HarmonyOS 文件预览问题
359浏览 • 1回复 待解决