ActionScript
TypeScript
JavaScript

Image 组件参考

发布时间:2016-12-30

        

        Image 是 UI 里最常见的显示图像的组件,用来显示位图图像。可以同设置 Image 组件的 skin 属性来改变 Image 组件呈现的图像。Image 组件支持九宫格数据设定,用于实现图像放大后图像显示不失真的效果。

        点击资源面板里的 Image 组件,拖放到页面编辑区,即可添加 Image组件到页面上。单击选中 Image ,可以在属性面板里设置 Image 的常用属性的值。
        Image 组件的脚本接口请参考 Image API。

        Image 组件的资源示例:

图片0.png

         Image 组件拖放到编辑区后显示效果:

图片1.png

Image 组件的常用属性

图片2.png

属性

功能说明

sizeGrid

位图的有效缩放网格数据(九宫格数据)。

skin

位图的资源。

 

        添加 Image 组件之后,可以通过从资源面板中拖拽图片资源到 Image 的 skin 属性框,来修改 Image 组件的显示资源图像。