HarmonyOS app大图预览手势问题

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

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

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

  1. 在image的 touch事件中,当down状态,没有up的过程中,如何实时 开启和关闭swiper的滑动能力
HarmonyOS
1天前
浏览
收藏 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
微信
回复
1天前
相关问题
如何实现图片的预览效果
2160浏览 • 1回复 待解决
HarmonyOS 关于图片浏览
43浏览 • 1回复 待解决
HarmonyOS http下载失败
77浏览 • 1回复 待解决
HarmonyOS 图片浏览页面示例
25浏览 • 1回复 待解决
HarmonyOS 关于手势问题
54浏览 • 1回复 待解决
HarmonyOS PDF 预览问题
425浏览 • 1回复 待解决
HarmonyOS 手势事件上报问题
111浏览 • 1回复 待解决
HarmonyOS APP可以直接设置启动吗?
803浏览 • 1回复 待解决
HarmonyOS 文件预览问题
70浏览 • 1回复 待解决
HarmonyOS 启动设置问题
56浏览 • 1回复 待解决
HarmonyOS 图片抠问题
322浏览 • 1回复 待解决
HarmonyOS 手势响应不同角度问题
291浏览 • 1回复 待解决
HarmonyOS LongPressGesture手势移动问题
541浏览 • 1回复 待解决
HarmonyOS 开发ui尺寸问题
62浏览 • 1回复 待解决