CocosStudio（七）Image图片

       游戏有了图片，游戏就变得绚丽多彩了，游戏画面好看才能吸引玩家，一张图片美术人员是经过长期制作的。接下来我们一起来认识下Image的属性吧。

一、创建Image

添加对象 --> 图片 --> 资源拖拽到图片控件中

二、Image的用法

1.背景图

       背景图的大小一般占满整个屏幕的，市面上有很多尺寸不一的手机。那我们如何让背景图支持各种尺寸呢？方法一：让美术人员画足够大的背景图。方法二：利用尺寸百分比，百分比是百分之百，我们一般不会用，因为图片会变形。方法三：制作九宫格图片。根据自己的需求不同选择不同的方法，我们看一下方法二和方法三。

• 百分比，模式选择Custom，勾上百分比，百分比为：1（0 - 1，1为百分之百）。

• 九宫格：把一张图分为9个格子，ACGI四个角的宽高不发生变化，E（宽高变化）。

原点：G格子右上角为原点（60,60）。

尺寸：E格子宽高（62,68）。

 

2.图片

         创建了3个图片控件（Image_Left，Image_Center，Image_Right），看一看控件布局里的三个属性（翻转，缩放，旋转）。

• 翻转：以X翻转，Y翻转

• 缩放：宽缩放，高缩放。

• 旋转：正，顺时针旋转；负，逆时针旋转。

这节关键是理解九宫格，有了九宫格，我们将节约资源，其他的属性很简单。