一、什么是ui.Clip
ui.Clip 是位图切片动画, 可将一张图片,按横向分割数量 clipX
、竖向分割数量 clipY
, 或横向分割每个切片的宽度 clipWidth
、竖向分割每个切片的高度 clipHeight
, 从左向右,从上到下,分割组合为一个切片动画。
Package | laya.ui |
类 | public class Clip |
Inheritance | Clip |
子类 | FontClip |
二、公开类型属性
Property | Defined By | |
autoPlay : Boolean 表示是否自动播放动画,若自动播放值为true,否则值为false; 可控制切片动画的播放、停止。 | Clip | |
bitmap : AutoBitmap [read-only] AutoBitmap 位图实例。 | Clip | |
clipHeight : Number 竖向分割时每个切片的高度,与 clipY 同时设置时优先级高于 clipY 。 | Clip | |
clipWidth : Number 横向分割时每个切片的宽度,与 clipX 同时设置时优先级高于 clipX 。 | Clip | |
clipX : int X轴(横向)切片数量。 | Clip | |
clipY : int Y轴(竖向)切片数量。 | Clip | |
dataSource : * [override] 数据赋值,通过对UI赋值来控制UI显示逻辑。 简单赋值会更改组件的默认属性,使用大括号可以指定组件的任意属性进行赋值。 | Clip | |
group : String 资源分组。 | Clip | |
height : Number [override] 表示显示对象的高度,以像素为单位。 注:当值为0时,高度为自适应大小。 | Clip | |
index : int 当前帧索引。 | Clip | |
interval : int 表示动画播放间隔时间(以毫秒为单位)。 | Clip | |
isPlaying : Boolean 表示动画的当前播放状态。 如果动画正在播放中,则为true,否则为flash。 | Clip | |
sizeGrid : String 当前实例的位图 AutoImage 实例的有效缩放网格数据。 数据格式:"上边距,右边距,下边距,左边距,是否重复填充(值为0:不重复填充,1:重复填充)",以逗号分隔。 例如:"4,4,4,4,1" | Clip | |
skin : String 对象的皮肤地址,以字符串表示。 如果资源未加载,则先加载资源,加载完成后应用于此对象。 注意:资源加载完成后,会自动缓存至资源库中。 | Clip | |
total : int [read-only] 切片动画的总帧数。 | Clip | |
width : Number [override] 表示显示对象的宽度,以像素为单位。 注:当值为0时,宽度为自适应大小。 | Clip |
三、保护类型属性
Property | Defined By | |
measureHeight : Number [override] [read-only] 显示对象的实际显示区域高度(以像素为单位)。 | Clip | |
measureWidth : Number [override] [read-only] 显示对象的实际显示区域宽度(以像素为单位)。 | Clip |
四、公开类型方法
Method | Defined By | |
Clip(url:String = null, clipX:int = 1, clipY:int = 1) 创建一个新的 Clip 示例。 | Clip | |
destroy(destroyChild:Boolean = true):void [override] 销毁此对象。destroy对象默认会把自己从父节点移除,并且清理自身引用关系,等待js自动垃圾回收机制回收。destroy后不能再使用。 destroy时会移除自身的事情监听,自身的timer监听,移除子对象及从父节点移除自己。 | Clip | |
dispose():void 销毁对象并释放加载的皮肤资源。 | Clip | |
play():void 播放动画。 | Clip | |
stop():void 停止动画。 | Clip |
五、保护类型方法
Method | Defined By | |
createChildren():void [override] 创建并添加控件子节点。 | Clip |
六、事件
Event | Summary | Defined By | |
change | 当前帧发生变化后调度。 | Clip | |
loaded | 图片加载完成后调度。 | Clip |
参考资料:
Laya官方API:https://layaair.ldc.layabox.com/api/?category=UI&class=laya.ui.Clip#methodSummary