☰
鸿蒙第7篇——轮播组件Swiper
2026/10/22 2:19:34 网站建设 项目流程

轮播组件是一个常用的组件, 通常用作首页广告的展示。
先看示例的效果图:

1. 创建Swiper组件

使用以下代码创建一个Swiper
Swiper(controller?: SwiperController)
其中,SwiperController 是给Swiper 绑定的滚动控制器,用于控制Swiper组件的翻页。

2.Swiper组件的常用属性

下表列举了常用属性

3.Swiper组件的常用事件

4.示例代码

@Entry@Componentstruct SwiperDemo{privateswiperController:SwiperController=newSwiperController();privatedataSource:MyDataSource=newMyDataSource()SWIPER_DATA:Resource[]=[$r('app.media.t0'),$r('app.media.t1'),$r('app.media.t2'),$r('app.media.t3'),$r('app.media.t4'),$r("app.media.t5"),$r("app.media.t6"),$r('app.media.t7'),$r('app.media.t0'),$r('app.media.t1'),$r('app.media.t2'),

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询