image的属性主要是讲image type这个属性。Simple、Sliced、Tiled、Filled 1、simple样式 单个显示,sprite将直接显示在图片控件中,默认情况下,如果图片控件的大小与sprite不一致时候,后者将经过拉伸来符合前者的大小。
2、Sliced属性。 关键字:九宫切图! 2.1使用背景:如图所示,比如一个按钮经过拉伸以后,它的边框跟着放大缩小,就会失真了,这种情况下就需要使用九宫切图了,将中间这一块切出来,这样不管怎么放大缩小,它看起来都不会显的失真。
在simple的样式下放大图片会有失真的情况,这时候选择Slider模式,然后找到这图片的sprite然后点击Sprite Editor会弹出一个编辑界面,然后可以移动里面的border形成一个九宫格(如下图)。再点击编辑界面里的Apply就会看到scene面板里原来失真的图片会变的清晰了,而且无论怎么样移动或者缩放,四个角都不会失真。(和NGUI里的sprite的编辑是一样的)。这就是Sliced的属性。
九宫格作用:当我们用它来做背景时候,4个角不会被拉伸,左右的边框只会上下拉伸,上下的边框只会左右拉伸,只有中间这一块才会进行拉伸填充。 效果如下,不管怎么拉伸,都不会失真,因为边框已经被切掉了,
如何去掉九宫切图:将Border全部设置为0即可。
3、然后就是tiled属性, 这个属性就是平铺,为了使此Sprite填满整个图片控件,就会在保持sprite尺寸不变的前提下不断重复,像铺地板一样,如下图。
4、最后一个filled。 用来显示图片当中的某一部分的,可用来作技能冷却效果, FillMethod表示以什么方式进行切割,其中 有水平方式、垂直方式,90、180、360度圆方式进行切割。 FillOrigin表示从什么地方开始切割,其中有上、下、左、右几种方式。 FillAmount表示切割哪一部分,0表示不显示,1表示全部显示。