在做Unity3D开发的时候,我们经常要将控件调整成我们需要的大小,这个时候图片会被拉伸,有些不想被拉伸的地方,比如图片的边缘,就会变形,这个时候,我们就要限定一下图片的拉伸缩放区域了。
工具/原料
1
Unity3D
2
NGUI
方法/步骤
1
先上效果图,没有限定图片拉伸缩放的区域的效果是这样的。
2
有限定图片拉伸缩放的区域的效果是这样的。
3
打开Unity3D,并导入NGUI插件,这里用的是NGUI3.7.4,如果需要的可以到下面的网盘下载,http://pan.baidu.com/s/1rYgNG
4
打开NGUI创建控件创建向导,NGUI->Open->Widget Wizard(Legacy)
5
添加一个sprite到UI Root上,图片选择NGUI例子里面的任意图片
6
创建成功后,在Inspector面板上找到UISprite的Sprite的Edit,如下图:
7
点击了Edit界面,进入下面的界面,找到Border一栏,调节Left,Right,Bottom,Top。
8
通过调节Left,Right,Bottom,Top的数值,改变虚线的位置,虚线以内的位置就是伸缩区域,如下图红色区域。
9
虚线以外的区域,就是不变的区域,也就是说,无论Sprite长宽如何变,虚线以外的区域都不会被拉伸,不会变形,拉伸缩放的只是虚线以内的区域。如下图:
10
调完之后按Return to Sprite
11
如果调节完之后,效果没有出来,看看Sprite的Type是否设置成Sliced。
12
是不是很简单`(*∩_∩*)′
注意事项
记得将Sprite的Type设置成Sliced
上一篇:解决WPS表格图片打印拉伸问题
下一篇:什么样的紫砂壶最好