概念

1.  结构图

Scene //场景
 ├── Layer //层级
 │     ├── Button //按钮
 │     ├── Sprite //精灵
 │     ├── Text   //
 │     └── ScrollView
 ├── Sprite
 ├── Button
 └── Node

2.  定义

Scene //场景 定义:一个完整的页面 例如:登录界面\大厅界面\游戏界面\房间界面
Layer //层级 定义:场景里面的一个层级 (Node+事件+分组管理)
      //例如:大厅场景包括的层级
      //     BackgroundLayer(背景) 大厅背景
      //     UILayer(普通UI) 商城按钮、活动按钮、排行榜按钮、邮件按钮
      //     EffectLayer(特效) 金币飞舞 开奖动画
      //     PopupLayer(弹窗) 充值框 提示框 公告框
      //     GuideLayer 新手引导
      //     MaskLayer 遮罩

Sprite      //精灵 定义:可贴图的Node（Texture+Transform）  可缩放\旋转\动画\加Shader
Texture     //纹理 定义:GPU用来画画的原始图片数据
Transform   //变换 定义:一个对象在屏幕上的位置\缩放\旋转\锚点
Node        //挂载点\节点
Action      //动作 效果:移动\缩放\旋转\淡入\淡出
Shader      //着色器 定义:纹理+Shader=最终效果 给图片加效果:黑白\发光\描边\模糊\溶解\水波纹\闪电 例如:不同着色器区分人物活着和挂了
Particle    //粒子系统 定义:大量小点组成的特效  例如:火焰\烟花\爆炸\闪电\金币喷射
Spine       //动画 定义:用骨骼驱动的2D动画系统 (国外商业版)
DragonBones //同Spine一个概念 (国内开源)

3.  Node 定义:场景树上的一个挂载点+基础能力集合
     为什么用Node: 1.层级结构(背景必须在最下面、特性必须在最上面) 2.统一管理(统一移动、隐藏) 3.渲染系统需要树结构

Scene
 ├── NodeA
 │     ├── Button（商城）
 │     ├── Sprite（背景图）
 │     └── Text（金币）
 └── NodeB
       ├── Spine动画
       └── Particle特效

4.  ui控件

Button     //按钮
Text       //文本
ImageView  //图片
ScrollView //滚动区域 内容可以上下\左右滑动
ListView   //列表
EditBox    //输入框
CheckBox   //复选框
Slider     //滑动条 例如:拖动调节音量
LoadingBar //进度条
PageView   //分页视图

5.  MVC

Controller 处理逻辑
Model      数据
View       界面