ActionScript
TypeScript
JavaScript

组件概述

发布时间:2016-12-30

 

概述

        LayaAir IDE 自带的组件类都位于 laya.ui包中。所有的组件直接或间接继承于 Component (组件基类)类。Component 类继承自 Sprite 类,并在功能上做了扩展。Sprite 类是 LayaAir 引擎中最基础的显示对象容器类。Component 类新增了组件的通用基础属性、方法和接口,规定了组件的生命周期。
        每个组件都有一组属于自己的属性、方法和事件。使用组件可以使程序设计与界面设计分离,提高代码的可复用性。
        在 LayaAir IDE 中可以编辑组件的属性,以达到即时查看组件显示效果的目的,这极大的减少了程序设计开发中对显示界面的编辑成本。

 

组件继承结构


    组件继承结构图如下所示:

1466156874408535.png

 

 

图片2.png

 

 

组件内部生命周期

        Component 组件规定了组件的基本生命周期,定义了组件从构造函数到最终渲染显示之间的函数调用流程,合理利用这个生命周期,能减少组件逻辑计算及渲染,提高性能。

           生命周期:preinitialize > createChildren > initialize > 组件构造函数

 

未命名-1.png

 

 

  • Preinitializ:可以做修改属性默认值等操作。

  • createChildren:创建子对象。

  • Initialize:子对象已被创建,可以对其进行修改。