quick-cocos2d-x中的ListView详解

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

1 创建一个ListView

2 创建ListView的Items

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

[plain]  view plain  copy  

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

它的原型为

cc.ui.UIListView.new {}

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

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

[plain]  view plain  copy  

1. for item_index = 1, 20 do  
2.     local item = self.list_view:newItem()        --要添加的子项  
3.     local content      -- 子项的内容  
4.     content = cc.ui.UILable.new(                 --这里子项是Label  
5.     {  
6.         text  = 'item'..item_index,  
7.         size  = 20,  
8.         align = cc.ui.TEXT_ALIGN_CENTER,  
9.         color = display.COLOR_WHITE  
10.     }  
11. )  
12.     item:addChild(content)       -- 子项添加内容  
13.     item:setItemSize(100, 30)  
14.     self.list_view:addItem(item)  
15. end  
16. self.list_view:reload()        --刷新list,让其显示  

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

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

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

版权声明：本文为博主原创文章，未经博主允许不得转载。

顶0 踩0