List(列表)

大约 4 分钟

List(列表)

用于展示一系列项目的视图组件,支持垂直方向和水平方向,继承自Scroller

通常配合循环语句指令使用, 组件使用范例open in new window

属性

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

scrollEnable

是否允许滑动内容,默认true

参数描述类型
value是否允许滑动内容,默认trueBoolean

bouncesEnable

是否开启回弹效果,默认 true

参数描述类型
value是否开启回弹效果,默认trueBoolean

showScrollerIndicator

是否显示滚动条,默认 true

参数描述类型
value是否显示滚动条,默认trueBoolean

flexDirection

指定排版方向,FlexDirection.COLUMN为垂直方向,FlexDirection.Row为水平方向,默认为垂直方向

参数描述类型
flexDirection指定排版方向FlexDirection

pagingEnable

是否开启分页

参数描述类型
flexDirection是否开启分页Boolean

firstContentLoadMaxIndex

首次内容加载最大条数,用于优化首屏耗

参数描述类型
maxIndex首次内容加载最大条数Int

visibleAreaIgnoreTopMargin

计算可见性面积时忽略顶部的距离

参数描述类型
margin忽略顶部的距离Float

visibleAreaIgnoreBottomMargin

计算可见性面积时忽略底部的距离

参数描述类型
margin忽略底部的距离Float

preloadViewDistance

列表视图预加载距离,默认为 list高度,则多加载一屏视图

参数描述类型
distance列表视图预加载距离Float

syncScroll

是否开启同步滚动

参数描述类型
syncEnable是否开启同步滚动Boolean

事件

除了支持所有基础事件,还支持以下事件:

scroll

监听滚动事件,该方法接收一个闭包回调, 回调中的参数为 ScrollParms

ScrollParms

参数描述类型
offsetX列表当前横轴偏移量Float
offsetY列表当前纵轴偏移量Float
contentWidth列表当前内容总宽度Float
contentHeight列表当前内容总高度Float
viewWidth列表View宽度Float
viewHeight列表View高度Float
isDragging当前是否处于拖拽列表滚动中Boolean

scrollEnd

滚动结束时事件, 该方法接收一个闭包回调, 回调中的参数为 ScrollParms

ScrollParms

参数描述类型
offsetX列表当前横轴偏移量Float
offsetY列表当前纵轴偏移量Float
contentWidth列表当前内容总宽度Float
contentHeight列表当前内容总高度Float
viewWidth列表View宽度Float
viewHeight列表View高度Float
isDragging当前是否处于拖拽列表滚动中Boolean

dragBegin

用户开始拖拽事件, 该方法接收一个闭包回调, 回调中的参数为 ScrollParms

ScrollParms

参数描述类型
offsetX列表当前横轴偏移量Float
offsetY列表当前纵轴偏移量Float
contentWidth列表当前内容总宽度Float
contentHeight列表当前内容总高度Float
viewWidth列表View宽度Float
viewHeight列表View高度Float
isDragging当前是否处于拖拽列表滚动中Boolean

dragEnd

用户停止拖拽事件, 该方法接收一个闭包回调, 回调中的参数为 ScrollParms

ScrollParms

参数描述类型
offsetX列表当前横轴偏移量Float
offsetY列表当前纵轴偏移量Float
contentWidth列表当前内容总宽度Float
contentHeight列表当前内容总高度Float
viewWidth列表View宽度Float
viewHeight列表View高度Float
isDragging当前是否处于拖拽列表滚动中Boolean

contentSizeChanged

组件 Size 发生变化事件, 该方法接收一个闭包回调, 回调中的参数如下

参数描述类型
width组件宽度Float
height组件高度Float

方法

setContentOffset

设置Scroller滚动到某个具体坐标偏移值(offset)的位置。

参数描述类型
offsetX滚动到x轴的偏移量Float
offsetY滚动到y轴的偏移量Float
animated是否使用动画进行偏移,默认为 falseBoolean
springAnimation是否使用spring动画滚动, 默认为nullSpringAnimation

setContentInset

设置Scroller内容边距

参数描述类型
top上边距Float
left左边距Float
bottom下边距Float
right右边距Float
animated滑动过程是否使用动画, 默认falseBoolean

contentInsetWhenEndDrag

设置 OverScroll 时停留的内容边距

参数描述类型
top上边距Float
left左边距Float
bottom下边距Float
right右边距Float
上次编辑于: