harmonyos-next - HarmonyOS Swiper组件如何实现手指拖动滑动效果而不是自动滑动效果？

Question

HarmonyOS Swiper组件如何实现手指拖动滑动效果而不是自动滑动效果？

Answer 1

Swiper支持手指滑动、点击导航点和通过控制器三种方式切换页面，以下示例展示通过控制器切换页面的方法。

@Entry@Componentstruct SwiperDemo {  private swiperController: SwiperController = new SwiperController();  build() {    Column({ space: 5 }) {      Swiper(this.swiperController) {        Text('0')          .width(250)          .height(250)          .backgroundColor(Color.Gray)          .textAlign(TextAlign.Center)          .fontSize(30)        Text('1')          .width(250)          .height(250)          .backgroundColor(Color.Green)          .textAlign(TextAlign.Center)          .fontSize(30)        Text('2')          .width(250)          .height(250)          .backgroundColor(Color.Pink)          .textAlign(TextAlign.Center)          .fontSize(30)      }      .indicator(true)      Row({ space: 12 }) {        Button('showNext')          .onClick(() => {            this.swiperController.showNext(); // 通过controller切换到后一页          })        Button('showPrevious')          .onClick(() => {            this.swiperController.showPrevious(); // 通过controller切换到前一页          })      }.margin(5)    }.width('100%')    .margin({ top: 5 })  }}