quick-cocos2d-x中的ListView详解

前端之家收集整理的这篇文章主要介绍了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. @H_301_47@ bg_scale9,--是否使用9宫格
  5. view_rect,--整个listview的大小,table_rectcc.rect{top,left,width,height}
  6. @H_301_47@ direction,--滚动方向,横向或纵向,默认横向
  7. scrollbar_img,--滚动条图片
  8. @H_301_47@ }:OnTouch(handle(self,self.onTouch)
  9. :addTo(self)
它的原型为

cc.ui.UIListView.new {}

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

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

copy

foritem_index=1,20do
  • localitem=self.list_view:newItem()--要添加的子项
  • localcontent--子项的内容
  • content=cc.ui.UILable.new(--这里子项是Label
  • {
  • text='item'..item_index,
  • size=20,
  • align=cc.ui.TEXT_ALIGN_CENTER,108); outline:0px; vertical-align:baseline; color:inherit; line-height:18px; margin-top:0px!important; margin-right:0px!important; margin-bottom:0px!important; padding:0px 3px 0px 10px!important"> 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按钮而已。


    猜你在找的Cocos2d-x相关文章