Cocos Creator 使用ScrollView与Layout 组合实现简单列表

时间:2024-03-23 07:13:01

关于 Cocos Creator

  • Q: Cocos Creator 是游戏引擎吗?
  • A: 它是一个完整的游戏开发解决方案,包括了 cocos2d-x 引擎的 JavaScript 实现(不需要学习一个新的引擎),以及能让你更快速开发游戏所需要的各种图形界面工具
  • Q: Cocos Creator 的编辑器是什么样的?
  • A: 完全为引擎定制打造,包含从设计、开发、预览、调试到发布的整个工作流所需的全功能一体化编辑器
  • Q: 我不会写程序,也能使用 Cocos Creator 吗?
  • A: 当然!Cocos Creator 编辑器提供面向设计和开发的两种工作流,提供简单顺畅的分工合作方式。
  • Q: 我使用 Cocos Creator 能开发面向哪些平台的游戏?
  • A: Cocos Creator 目前支持发布游戏到 Web、iOS、Android、各类"小游戏"、PC 客户端等平台,真正实现一次开发,全平台运行。

  • Q: Cocos Creator 能开发 Cocos2d-x C++ 或者 Lua 的游戏吗?

  • A: Cocos Creator 可以通过安装 C++/Lua for Creator 插件,在编辑器里编辑 UI 和场景,导出通用的数据文件,在 Cocos2d-x 引擎中进行加载运行。

产品定位

Cocos Creator 是以内容创作为核心的游戏开发工具,在 Cocos2d-x 基础上实现了彻底脚本化、组件化和数据驱动等特点。

 

 

###新手实战篇

cocos creator纯实战,实现简单的游戏战绩列表

· 实现效果图预览

Cocos Creator 使用ScrollView与Layout 组合实现简单列表

 

· 场景准备

Cocos Creator 使用ScrollView与Layout 组合实现简单列表

图1 

    步骤1:右键创建UI节点,ScrollView(滚动视图),默认会有scrollBar,此处不需要这个需求,删除。

Cocos Creator 使用ScrollView与Layout 组合实现简单列表

图2

    步骤2:关注content节点,如图:

Cocos Creator 使用ScrollView与Layout 组合实现简单列表

图3

 

    步骤3:绑定脚本文件,目录如上面 --> 图1:

Cocos Creator 使用ScrollView与Layout 组合实现简单列表

图4

 

    步骤3-1: ZhanjiItemList脚本文件

Cocos Creator 使用ScrollView与Layout 组合实现简单列表

图5

 

· 预览

              预览一下效果吧!

Cocos Creator 使用ScrollView与Layout 组合实现简单列表

图6

 

 

 

· 最后

    对于cocos creator开发工具刚入手一个多月,所以文章适合新手参考,也是小游戏中前端开发一个比较常见的场景。比较简单粗暴,也有遗留下问题,如:a,列表数据很多,需要加载很多资源,造成卡顿的问题需要如何优化;b,列表是否可添加footView,item是否可删除等