加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

quick-cocos2d-x中的ListView详解

发布时间:2020-12-14 17:22:37 所属栏目:百科 来源:网络整理
导读:在quick-cocos2dx中创建ListView的大步骤有2步: 1 创建一个ListView 2 创建ListView的Items 首先是创建一个ListView,ListView的创建与PageView一致,new 后面跟table,因此创建的参数顺序是没有问题的。 [plain] view plain copy self.list_view=cc.ui.UILis

在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_rectcc.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。代码如下

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按钮而已。


    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

      推荐文章
        热点阅读