轮播图 HarmonyOS 鸿蒙 ArkTS ArkUI

轮播图 HarmonyOS 鸿蒙 ArkTS ArkUI_第1张图片

第一步:新建图片数组

 @State swiperimgs:Array=[
  $r('app.media.a'), //本地图片或者网络图片
  $r('app.media.b'),
  $r('app.media.c'),
  $r('app.media.d')
  ]

 第二步:写入轮播图代码

Column(){
        Swiper(){
          ForEach(this.swiperimgs, (item) => {
            Image(item)
              .width('90%')
              .height(180)
              .borderRadius(25)
          })
        }
        .borderRadius(25)
        .autoPlay(true)
        .indicator(false)
        .itemSpace(10)
        .onChange((index: number) => {
          console.info('当前的是:',index.toString())
        })
      }
      .width('100%')
      .borderRadius(25)
      .margin({top:30})

交流学习

可点击下方名片,拉您

你可能感兴趣的:(鸿蒙HarmonyOS社区,harmonyos,华为)