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

HarmonyOS
2024-12-11 12:37:52
浏览
收藏 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
微信
回复
2024-12-11 14:42:19
相关问题
什么是控制器controller
1071浏览 • 1回复 待解决
HarmonyOS List控制器Scroller相关
290浏览 • 1回复 待解决
HarmonyOS 自定义视频控制器
187浏览 • 1回复 待解决
HarmonyOS video空间自定义控制器
480浏览 • 1回复 待解决