鸿蒙4.0应用开发——轮播图

原创

已于 2023-12-13 10:45:06 修改 · 1.4k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#华为 #harmonyos

于 2023-12-13 10:37:44 首次发布

【高心星出品】

轮播图（Swiper）

视频教程传送门

轮播图效果

Swiper组件提供滑动轮播显示的能力。Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。

在这里插入图片描述

循环播放

通过loop属性控制是否循环播放，该属性默认值为true。

当loop属性为true的时候可以循环多次播放，否则只能播放一次。

Swiper(this.swiperController) {
   
   
  Text("0")
    .width('90%')
    .height('100%')
    .backgroundColor(Color.Gray)
    .textAlign(TextAlign.Center)
    .fontSize(30)

  Text("1")
    .width('90%')
    .height('100%')
    .backgroundColor(Color.Green)
    .textAlign(TextAlign.Center)
    .fontSize(30)

  Text("2")
    .width('90%')
    .height(