Egret 显示容器

时间:2023-03-08 17:38:27

1,显示容器:所有的容器都继承自DisplayObjectContainer , DisplayObjectContainer 又继承自DisplayObject;

2,想定义一个容器只要创建一个类,并使其继承自DisplayObjectContainer 即可,想实现graphics功能,只要继承Sprite类即可;

3,显示对象的操作:添加,删除,检测,访问,设置堆叠次序;

建立显示对象:

var spr:egret.Sprite = new egret.Sprite();

spr.beignFill(0x009900);

spr.drawRect(0,0,100,100);

spr.endFill();

this.addChild(spr);  //建立完后要添加显示对象;

显示列表是一个树状结构,spr的上一级就是this,也就是文档类,文档类是stage舞台的第一个对象;

删除显示对象:this.removeChild(spr);

4,显示对象的注意点:

1)显示对象独立于显示列表:当显示对象被删除后,显示对象只是不再参与渲染,但是仍然在内存常驻;

2)显示对象的坐标系是相对坐标系,而非绝对坐标系,就是相对于父级原点的位置;

3)多次添加显示对象到显示列表:同一个显示对象无论被添加多少次,在屏幕上只会显示一次;

例如:将一个显示对象A添加到B容器中,又被添加到C容器中,则第二次添加A对象时C.addChild(A),是先从B容器上删除A对象,然后再添加到C容器上;

4)删除操作的注意点:

当删除一个显示对象时,该显示对象必须有父级,也就是必须在显示列表中;否则会报错;

因此,每次删除显示对象前,都对其进行一次判断;

if(spr.parent){

  spr.parent.removeChild(spr);

}

5,深度管理:

每个显示对象在显示列表中都有一个深度值,就是堆叠次序,称之为”z-次序‘’;

egret容器中的深度从0开始,第一个被添加的对象的深度值就是0;也即是位于容器的最底层,后加的显示对象覆盖在它上面;

添加/删除指定深度的对象:

使用addChild()添加显示对象时,,默认是按照次序一次堆叠,如果想要插入到指定深度处,使用容器.addChildAt(显示对象,深度值)方法;

可以使用removeChild(spr)删除显示对象,也可以使用removeChild(深度值)来删除指定的显示对象;

6,访问容器子对象:

1)通过获取深度值获取容器子对象:

容器.getChildAt(深度值);

2)通过name属性获取:

可以先为显示对象添加属性name:spr.name ="xxxx";

容器.getChildByName("xxxx");

6,输入文本:

使用输入文本的关键是设置输入文本类型,TextFieldType.INPUT:

var tx : egret.TextField = new egret.TextField();

tx.type = egret.TextFieldType.INPUT ;

tx.width = 200;

tx.height = 100;

tx.x = 150;

tx.y = 100;

this._container.addChild(tx);  //_container 是事先建立的显示容器;egret.Shape;

7,多种样式文本的组合方式:

JSON方式分段设置样式:

interface ITextField{

  text : string ;

  style : ITextStyle;

}

var tx:egret.TextField = new TextField();

tx.textFlow = <Array<egret.ITextElement>>[{ text : "举个例子" , style : {"size" : 10} } , {} ,{}];   //将文档流转成为元素的egret.ITextElement的数组