CocosCreator里如何创建一个列表？

本文共计3159个文字，预计阅读时间需要13分钟。

Cocos Creator 版本：2.3.4cocos 中无 List 组件，需自行编写。参考 example 项目的 assets/case/02_ui/05_listView 的 demo 进行改造。编写一个虚拟列表，支持垂直布局、水平布局、网格布局和 Padding 功能。

CocosCreator版本：2.3.4

cocos没有List组件，所以要自己写。从cocos的example项目中找到assets/case/02_ui/05_listView的demo来改造。

自写一个虚拟列表，有垂直布局，水平布局，网格布局和Padding的List

Demo地址：files-cdn.cnblogs.com/files/gamedaybyday/cocos2.3.4_ListViewDemo_Grid.7z

cocos原来的LayOut做列表，有100个数据就有100个实例（左侧图）。

而虚拟列表则只有你看见的实例存在，当滑动时会循环使用。（右侧图）

List使用方法

使用方法就是在ScrollView上添加List组件即可。

List的item列表项直接放在content下，并赋值給List组件，item需要添加继承自ItemRender的对象，用于数据刷新。