quick-cocos2d-x中的ListView详解

在quick-cocos2dx中创建ListView的大步骤有2步：

1 创建一个ListView

2 创建ListView的Items

首先是创建一个ListView,ListView的创建与PageView一致，new 后面跟table,因此创建的参数顺序是没有问题的。

self.list_view = cc.ui.UIListView.new {
    bg,            --背景图（默认无）
    bg_color,      --背景色（默认白色）
    bg_scale9,     -- 是否使用9宫格
    view_rect,     --整个listview的大小，table_rect cc.rect{top, left, width, height}
    direction,     --滚动方向，横向或纵向,默认横向
    scrollbar_img, --滚动条图片
}:OnTouch(handle(self, self.onTouch)
:addTo(self)

它的原型为

cc.ui.UIListView.new {}

若只有这一句，则创建一个空的ListView啥都没有，填充好这些参数以后，才会出现控件

接下来是添加Items。代码如下

for item_index = 1, 20 do
    local item = self.list_view:newItem()        --要添加的子项
    local content      -- 子项的内容
    content = cc.ui.UILable.new(                 --这里子项是Label
    {
        text  = 'item'..item_index,
        size  = 20,
        align = cc.ui.TEXT_ALIGN_CENTER,
        color = display.COLOR_WHITE
    }
)
    item:addChild(content)       -- 子项添加内容
    item:setItemSize(100, 30)
    self.list_view:addItem(item)
end
self.list_view:reload()        --刷新list,让其显示

整个添加过程和PageView差不多一样的。

demo里给出的那个grid的例子实际上是个vertical方向的ListView

只是每排放3个Button按钮而已。