ActionScript
TypeScript
JavaScript

Clip 组件参考

发布时间:2016-12-30

 

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

        Clip 组件可以用来播放切片动画,和显示切片动画的某一帧图片。
        点击资源面板里的 Tab 组件,拖放到页面编辑区,即可添加 Tab 组件到页面上。
Tab 的脚本接口参考 Tab API。

        Clip 组件的资源示例:

图片11.png

 

        设置 clipX 属性的值为10后的显示效果:

图片122.png

        设置 index 属性的值为 1后的显示效果:

图片13.png

 

 

 

Clip 组件的常用属性

图片14.png

 

属性

功能说明

autoPlay

布尔值,表示是否自动播放当前切片动画。

clipWidth

横向分割图片资源时,每个切片的宽度。

clipHeight

纵向分割图片资源时,每个切片的高度。

clipX

横向分割图片资源时,等宽切割的份数。

clipY

纵向分割图片资源时,等高切割的份数。

index

切片动画当前显示动画帧索引。

interval

切片动画的播放时间间隔。

sizeGrid

图像资源的有效网格数据(九宫格数据)。

skin

选项卡按钮图像资源。