恒美微站
首页
关于我们
建站服务
主题模板
案例展示
资讯中心
联系我们
鸿蒙第7篇——轮播组件Swiper
首页
资讯中心
/
鸿蒙第7篇——轮播组件Swiper
鸿蒙第7篇——轮播组件Swiper
发布时间:2026/10/22 2:19:55
轮播组件是一个常用的组件, 通常用作首页广告的展示。先看示例的效果图:1. 创建Swiper组件使用以下代码创建一个SwiperSwiper(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'),