Laya学习笔记-11ui.Clip

一、什么是ui.Clip

ui.Clip 是位图切片动画, 可将一张图片,按横向分割数量 clipX 、竖向分割数量 clipY , 或横向分割每个切片的宽度 clipWidth 、竖向分割每个切片的高度 clipHeight , 从左向右,从上到下,分割组合为一个切片动画。

Package laya.ui
public class Clip
Inheritance Clip Inheritance
子类 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

 

你可能感兴趣的:(LayaAir,Laya,LayaAir)