#鸿蒙通关秘籍#如何使用SwiperController控制页面翻页？

在鸿蒙开发中，SwiperController是一个用于控制Swiper页面翻页的对象。使用方法如下：

bash @Entry @Component struct ComponentTest {

private controller: SwiperController = new SwiperController();

build() { Column() { Swiper(this.controller) { // 绑定翻页控制器 Text('Page1') .fontSize(20) .backgroundColor('#aabbcc') Text('Page2') .fontSize(20) .backgroundColor('#aabbcc') Text('Page3') .fontSize(20) .backgroundColor('#aabbcc') } .width('90%') .height(120) .backgroundColor(Color.Pink) .index(1) // 默认显示第二页 .indicator(true) // 显示导航指示器

  Row({space: 20}) {
    Button('上一页')
      .onClick(() => {
        controller.showPrevious();
      })
    Button('下一页')
      .onClick(() => {
        controller.showNext();
      })
  }
  .margin({top: 10})
}
.alignItems(HorizontalAlign.Center)
.width('100%')
.height('100%')
.padding({ left: 20, right: 20, top: 10 })

} }

通过Button的点击事件调用showPrevious()和showNext()方法，可以进行页面的向前或向后翻页。