#鸿蒙通关秘籍#如何通过Swiper控制器实现页面切换?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
EDIF风语

利用SwiperController可以通过按钮实现手动控制页面切换,以下是具体做法,通过showNextshowPrevious方法切换页面: javascript @Entry @Component struct 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(); // 向后一页切换
      })
    Button('showPrevious')
      .onClick(() => {
        this.swiperController.showPrevious(); // 向前一页切换
      })
  }.margin(5)
}.width('100%')
.margin({ top: 5 })

} }

分享
微博
QQ
微信
回复
1天前
相关问题
什么是控制器controller
826浏览 • 1回复 待解决
HarmonyOS video空间自定义控制器
291浏览 • 1回复 待解决
鸿蒙tablist 如何通过滑动切换页面
6643浏览 • 1回复 待解决