SliderPage(轮播图)

大约 1 分钟

SliderPage(轮播图)

用于展示一组图片或内容的视图组件,支持自动轮播和手动切换页面

组件使用范例open in new window

属性

除了支持所有基础属性,还支持以下属性:

defaultPageIndex

初始显示的页面索引,默认为 0

变量名描述类型
defaultPageIndex初始显示的页面索引Int

isHorizontal

是否为水平方向展示, 默认为 true

变量名描述类型
isHorizontal是否为水平方向展示Boolean

pageItemWidth

页面项宽度,默认为 view 宽度

变量名描述类型
pageItemWidth页面项宽度Float

pageItemHeight

页面项高度,默认为 view 高度

变量名描述类型
pageItemHeight页面项高度Float

loopPlayIntervalTimeMs

轮播时间间隔(毫秒单位),若等于 0 则不轮播,默认为 0

变量名描述类型
loopPlayIntervalTimeMs轮播时间间隔(毫秒单位)Int

itemCount

页面项数量,默认为 0

变量名描述类型
itemCount页面项数量Int

initSliderItems

设置Slider的dataList,以及creator

参数描述类型
dataList数据源List<T>
creator创建item的闭包SliderItemCreator<T>

事件

pageIndexDidChanged

监听页面切换事件,回调参数为 Int,表示当前页面的索引

事件名描述类型
handler事件回调闭包, 回包回调的参数param的类型为JSONObject, 其中包含index的key, 代表当前分页索引(handler:parma: Any?) -> Unit

方法

startLoopPlayIfNeed

() 启动循环播放。

stopLoopPlayIfNeed

()停止循环播放

autoLoopPlay

()设置自动循环播放

上次编辑于: