CYCLE_LIST

创建一个可以循环滚动的列表，每个 item 可以设置为一张图片。

创建 UI 控件

const cycleList = hmUI.createWidget(hmUI.widget.CYCLE_LIST, Param)

类型

Param: object

属性	说明	是否必须	类型
item_height	item 高度	是	number
item_bg_color	item 背景色	是	number
x	控件 x 坐标	是	number
y	控件 y 坐标	是	number
w	控件显示宽度	是	number
h	控件显示高度	是	number
data_array	数据数组	是	array
data_size	数组长度	是	number
item_click_func	点击 item 的回调	否	ItemClickFunc

ItemClickFunc: function

(cycleList: CycleList, index: number) => void

参数	说明	类型
cycleList	cycleList 实例	object
index	点击的 item 索引 从 0 开始	number

代码示例

提示

代码示例中的图片资源请参考 设计资源

Page({
  state: {
    pageName: 'CYCLE_LIST'
  },

  build() {
    const imgArray = ['number-img/0.png', 'number-img/1.png', 'number-img/2.png', 'number-img/3.png', 'number-img/4.png']
    const cycleList = hmUI.createWidget(hmUI.widget.CYCLE_LIST, {
      x: 230,
      y: 120,
      h: 300,
      w: 30,
      data_array: imgArray,
      data_size: 5,
      item_height: 100,
      item_click_func: (list, index) => {
        console.log(index)
      },
      item_bg_color: 0xffffff
    })
  }
})