egret初学整理

最新推荐文章于 2021-06-04 23:03:02 发布

Ylinzz

最新推荐文章于 2021-06-04 23:03:02 发布

阅读量892

点赞数

CC 4.0 BY-SA版权

分类专栏： egret学习文章标签： egret 基础

本文链接：https://blog.youkuaiyun.com/qq_37023261/article/details/89394374

egret学习专栏收录该内容

1 篇文章

订阅专栏

本文档介绍了Egret的基础知识，包括DisplayObjectContainer的常用操作，如添加删除子对象、访问子对象等。重点讲解了Sprite类的Graphics功能，以及文本类型的使用，如普通文本、输入文本和位图文本的定义。还详细阐述了文本的字号、颜色、描边设置，以及如何实现横向布局和纵向排列。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

所有的容器继承自 DisplayObjectContainer 类，DisplayObjectContainer 的类又继承自 DisplayObject 。所以，所有的容器其实也继承自 DisplayObject。

DisplayObjectContainer 常用操作：*添加删除子对象 *访问子对象 *检测子对象 *设置叠放顺序

sprite很常用，它继承 DisplayObjectContainer 类，同时添加了Graphics功能。

绝对锚点

anchorOffsetX

缩放

mySprite.scaleX = 2;

mySprite.scaleY = 2;

旋转

mySprite.rotation = 45;

斜切

mySprite.skewX = 10;

添加对象

this.addChild( spr );

删除对象

this.removeChild( spr );
（将一个显示对象移除显示列表后，该对象并非在内存中被销毁。只是不让显示对象参与渲染而已。）深度设置

容器.addChildAt( 显示对象, 深度值 )

egret.TextField 类表示文本类型、

普通文本定义

let label:egret.TextField = new egret.TextField();

输入文本定义

var txInput:egret.TextField = new egret.TextField();
txInput.type = egret.TextFieldType.INPUT;

输入文本的 setFocus() 方法。可以设置选中该输入文字。让它处于使用状态图

可以设置三种输入的文本类型：

普通文本

egret.TextFieldInputType.TEXT;

密码

egret.TextFieldInputType.PASSWORD;

电话号

egret.TextFieldInputType.TEL;

egret.BitmapText 类表示位图文本类型。

其使用方法为：

加载位图字体文件
将加载后的字体对象赋值给 egret.BitmapText 的 font 属性。

字体

设置字体的属性是 fontFamily

字号

egret.TextField 类包含 size 属性，该属性是当前文本的字号大小。

egret.TextField.default_size 属性可设置全局的默认文本字号大小。

egret.TextField 的对象自身尺寸会根据首次设置的文本内容自动计算。

字体颜色

在Egret中，文本的默认颜色为白色。可以通过 textColor 修改 egret.TextField 对象中文本的颜色。

描边

给 egret.TextField 对象添加描边，需要设置描边的颜色和描边的宽度。

描边的颜色需要设置 strokeColor 属性，描边的宽度需要设置 stroke 属性。

横向布局

设置文本水平对齐方式，使用 egret.TextFiled 的 textAlign 属性。该属性接受一个string类型，默认值为HorizontalAlign.LEFT。也就是默认左对齐。

设置 textAlign 属性可以从 HorizontalAlign 类中选取不同的对齐方式。

纵向排列

纵向排列使用的是 verticalAlign 属性，该属性接受一个string类型，默认值为VerticalAlign.TOP。也就是默认顶对齐。

设置 verticalAlign 属性可以从 VerticalAlign 类中选取不同的对齐方式。