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;
  }
});
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.

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

HarmonyOS
2024-12-24 17:32:09
1092浏览
收藏 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)
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
分享
微博
QQ
微信
回复
2024-12-24 19:40:31


相关问题
HarmonyOS 事件
1020浏览 • 1回复 待解决
HarmonyOS 如何声明全局函数
884浏览 • 1回复 待解决
HarmonyOS 网络监听多次
840浏览 • 1回复 待解决
HarmonyOS 点击事件方法
1012浏览 • 1回复 待解决
Emitter如何声明函数类型
2354浏览 • 1回复 待解决
HarmonyOS Scroll组件事件问题
966浏览 • 1回复 待解决
HarmonyOS List停止滑动不准确
1333浏览 • 1回复 待解决
函数怎么写比较好
2023浏览 • 1回复 待解决
如何为 C++ 提供函数
3518浏览 • 1回复 待解决
HarmonyOS 属性动画怎么监听
1033浏览 • 1回复 待解决
HarmonyOS 位置权限变更监听问题
940浏览 • 1回复 待解决
HarmonyOS ArkTS怎么写回事件监听
1100浏览 • 1回复 待解决
组件自定义函数实现
1338浏览 • 1回复 待解决