egret.eui皮肤与组件(1)

EUI组件使用了皮肤分离机制: 一般可以分为逻辑和皮肤两个部分

===================================================

1. 皮肤

逻辑(js) ------> 数据刷新

       ------> 事件监听

皮肤(exml) ------> 位置布局

       ------> 样式外观

* 这里的皮肤不是显示对象, 只是一个数据对象(EXML格式), 存储了初始化显示列表和外观需要的特定数据

* 将皮肤附到逻辑组件上的过程就是对逻辑组件应用外观创建的初始化操作, 如 this.skinName = 'xxxxxxxxx'

* 每个eui组件都有一个childrenCreate()方法, 它会在组件初始化完成后完成回调, 子类通常覆盖这个方法来访问一些延时实例化的子项

* 在皮肤附到逻辑组件上时, 会自动匹配双方同id的变量(即皮肤组件skinPart)

====================================================

2.主题

主题机制可以为指定组件配置默认皮肤, 全局指定一次即可, 之后直接实例化组件, 不再需要显示设置组件的skinName

====================================================