egret_显示对象

最新推荐文章于 2024-06-21 09:50:52 发布

番茄揍扁西红四

最新推荐文章于 2024-06-21 09:50:52 发布

阅读量3k

点赞数

分类专栏： egret白鹭引擎文章标签： egret 白鹭引擎 h5动画 h5游戏引擎 h5游戏

本文链接：https://blog.csdn.net/weixin_38343894/article/details/79031375

版权

本文介绍了Egret显示对象的等级结构，包括舞台、容器和对象。核心显示类如DisplayObject、Bitmap、Shape、Text等被详细阐述。此外，讨论了可视属性，如透明度、尺寸、旋转和缩放等，并解释了如何自定义显示对象类以及位置的调整方法。最后提到了视图状态在皮肤设计中的应用。

摘要由CSDN通过智能技术生成

显示对象等级结构: 舞台->容器->对象

核心显示类:

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

可视属性:

使用可视属性先创建一个可视对象如var shape:egret.Shape = new egret.Shape();

alpha: 透明度
width:宽度
height:高度
rotation: 旋转角度
scaleX: 横向缩放
scaleY: 纵向缩放
skewX: 横向斜切
skewY: 纵向斜切
visible: 是否可见
x: X轴坐标值
y: Y轴坐标值
anchorOffsetX: 对象绝对锚点X
anchorOffsetY: 对象绝对锚点Y

自定义显示对象类:

创建显示对象类:

class MyGrid extends egret.Shape{//继承系统的显示对象类
 public constructor(){
  super();//运行父类的构造函数
  this.drawGrid();//封装了视图
 }
 private drawGrid(){
  //画一个格子
  this.graphics.beginFill(0x0000ff);
  this.graphics.drawRect(0,0,50,50);
  this.graphics.endFill();
 }
}