Egret 显示容器

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");

时间: 2024-12-04 03:57:18

Egret 显示容器的相关文章

代码: 两列图片瀑布流(一次后台取数据,图片懒加载。下拉后分批显示图片。图片高度未知,当图片onload后才显示容器)

代码: 两列图片瀑布流(一次后台取数据,无ajax,图片懒加载.下拉后分批显示图片.图片高度未知,当图片onload后才显示容器) [思路]: 图片瀑布流,网上代码有多种实现方式,也有各类插件.没找到合意的,所以根据网上找的一段代码,进行了较大改动. 需引用 zepto 或 jquery. 我这个是应用于手机上的,两列瀑布流,图片高度未知——等图片的onloaded事件触发后,才对容器进行计算和定位. 大容器是 $("#imgList"),容器格子是$(".pin"

Egret Notes

1.Egret 显示容器 2.Egret --视觉编程,显示对象,事件 3.egret List组件有复用,scroll --> list  正常复用, scroll -->group--->list 复用失效,draw节点数增多,此时,将list上的item设置cacheAsBitmap为true复用.暂时没发现什么bug. 4.webstrom 打开文件搜索: ctrl shift n 组合 ,搜索文件内容:ctrl shift f组合. 5.对对象改变时,明确是否改变原对象,否则要

[web建站] 极客WEB大前端专家级开发工程师培训视频教程

极客WEB大前端专家级开发工程师培训视频教程  教程下载地址: http://www.fu83.cn/thread-355-1-1.html 课程目录:1.走进前端工程师的世界HTML51.HTML5与HTML4的区别2.HTML5新增的主体结构元素3.HTML5新增的的非主体结构元素 4.HTML5表单新增元素与属性5.HTML5表单新增元素与属性(续)6.HTML5改良的input元素的种类 7.HTML5增强的页面元素8.HTML5编辑API之Range对象(一)9.HTML5编辑API之

极客学院Web前端开发技术实战视频教程 初级入门+高级实战++专家课程+面试指导

===============课程目录=============== ├<初级中级>│  ├<1. HTML5开发前准备>│  │  ├1.HTML5开发前准备.mp4│  │  └2.开发前的准备-快捷键.mp4│  ├<10. React.js>│  │  ├React.js简介.txt│  │  ├<1.React 概述>│  │  │  ├React 开发环境搭建.mp4│  │  │  ├编写第一个 React 程序.mp4│  │  │  └什么

Erget 显示对象

核心显示类: 类 描述 DisplayObject 显示对象基类,所有显示对象均继承自此类 Bitmap 位图,用来显示图片 Shape 用来显示矢量图,可以使用其中的方法绘制矢量图形 TextField 文本类 BitmapText 位图文本类 DisplayObjectContainer 显示对象容器接口,所有显示对象容器均实现此接口 Sprite:DisplayObjectContainer 带有矢量绘制功能的显示容器 Stage:DisplayObjectContainer 舞台类 根节

简单介绍了解白鹭引擎Egret

(一)关于白鹭引擎Egret Egret引擎是一个开源免费的游戏框架,用于构建二维游戏.演示程序和其他图形界面交互应用等.Egret使用TypeScript脚本语言开发.当游戏完成最终的打包后,可以将程序转换为HTML5游戏.实现跨平台特性. Egret不仅仅是一个基于HTML5技术的游戏引擎,我们的产品线中除了Egret引擎还提供了很多辅助游戏开发的工具.准确的来说,Egret是一套游戏开发的解决方案.你可以使用Egret引擎来帮助你开发HTML5游戏,并运行在手机和PC端的浏览器中,同时也你

Egret 学习笔记 h5牛牛源码 h5牛牛源码搭建教程

1.纹理集实际上就是将一些零碎的小图放到一张大图当中.游戏中也经常使用到纹理集.使用纹理集的好处很多,我们通过将大量的图片拼合为一张图片从而减少网络请求,原先加载数次的图片资源现在加载一次即可.同时,在引擎渲染的时候也会减少IO读取,从而提高h5牛牛源码性能.h5牛牛源码Q 2171793408     http://wowotouba.com/h52.只要发生事件,Flash就会调度事件对象.如果事件目标不在显示列表中,则Flash Player或AIR将事件对象直接调度到事件目标.例如,Fl

Egret之egret.ScrollView

由于在微信小游戏中,无法使用eui框架(即无法使用eui.Scroller) . 还好egret框架内提供了egret.ScrollView可以完美替代. 一 : 申明及初始化 private _scrollview : egret.ScrollView = null; this._scrollview = new egret.ScrollView(); 二:选择显示容器 this._scrollview.setContent( this._list_con ); 二-1 : private _

egret: 使用DragonBones实现简单换装

这里采用官方龙骨例子,更换衣服为例: 一.dragonBones编辑器部分 2.在资源中加入需要更换的图片 3.将添加的图片拖入到clothes槽中,此处love为添加的图片 4.选中可见 5.导出资源 二.代码部分 1.导入资源 1 let dragon_data = RES.getRes( "Dragon_test_ske_json" ); 2 let texturedata = RES.getRes( "Dragon_test_tex_json" ); 3 l