HarmonyOS onGesture回调函数监听滑动手势事件

import { GestureControl } from '@ohos.gesture';
.onGesture((event: GestureEvent) => {
  // 处理滑动手势
  if (event.type === GestureType.Swipe && event.direction === SwipeDirection.Up) {
    this.currentVideoIndex = (this.currentVideoIndex - 1 + this.videoListUrl.length) % this.videoListUrl.length;
  } else if (event.type === GestureType.Swipe && event.direction === SwipeDirection.Down) {
    this.currentVideoIndex = (this.currentVideoIndex + 1) % this.videoListUrl.length;
  }
});

这样的引入报错,是这功能取消了嘛,还是什么,我是想做一个视频上下滑动的效果。

HarmonyOS
2024-12-24 17:32:09
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

视频上下滑动可以使用Swiper和Video实现,其中视频文件在/resource/rawfile/video中,可以参考下以下demo

@Entry
@Component
struct TestVideo {
  private videoValue: Array<string> = ['/resources/rawfile/video/video1.mp4', '/resources/rawfile/video/video2.mp4', '/resources/rawfile/video/video3.mp4',
    '/resources/rawfile/video/video4.mp4']
  build() {
    Column() {
      Swiper() {
        ForEach(this.videoValue, (item:string) => {
          PlayVideo({ item: item })
        }, (item:string) => item)
      }
      .index(1)
      .vertical(true)
      .indicator(false)
      .loop(true)
      .align(Alignment.Center)

    }.height('100%')
    .backgroundColor(Color.Black)
  }
}

@Component
struct PlayVideo {
  @Prop item: string ;
  private videoController: VideoController = new VideoController()

  build() {
    Video({ src: this.item, currentProgressRate: 1, controller: this.videoController })
      .controls(false)
      .objectFit(ImageFit.Contain)
      .loop(true)
      .autoPlay(true)
  }
}
分享
微博
QQ
微信
回复
2024-12-24 19:40:31
相关问题
HarmonyOS 事件
331浏览 • 1回复 待解决
HarmonyOS 如何声明全局函数
553浏览 • 1回复 待解决
HarmonyOS 网络监听多次
306浏览 • 1回复 待解决
HarmonyOS List停止滑动不准确
758浏览 • 1回复 待解决
Emitter如何声明函数类型
1909浏览 • 1回复 待解决
HarmonyOS 点击事件方法
309浏览 • 1回复 待解决
HarmonyOS Scroll组件事件问题
447浏览 • 1回复 待解决
如何为 C++ 提供函数
2725浏览 • 1回复 待解决
函数怎么写比较好
1483浏览 • 1回复 待解决
HarmonyOS 位置权限变更监听问题
416浏览 • 1回复 待解决
HarmonyOS 属性动画怎么监听
599浏览 • 1回复 待解决
HarmonyOS ArkTS怎么写回事件监听
341浏览 • 1回复 待解决
组件自定义函数实现
726浏览 • 1回复 待解决