NGUI:限定图片拉伸缩放的区域

 时间:2024-10-19 23:51:01

1、先上效果图,没有限定图片拉伸缩放的区域的效果是这样的。

NGUI:限定图片拉伸缩放的区域

2、有限定图片拉伸缩放的区域的效果是这样的。

NGUI:限定图片拉伸缩放的区域

3、打开Unity3D,并导入NGUI插件,烂瘀佐栾这里用的是NGUI3.7.4,如果需要的可以到下面的网盘下载,http://pan.baidu.com/s/1rYgNG

NGUI:限定图片拉伸缩放的区域

4、打开NGUI创建控件创建向导,NGUI->Open->Widget Wizard(Legacy)

NGUI:限定图片拉伸缩放的区域

5、添加一个sprite到UI Root上,图片选择NGUI例子里面的任意图片

NGUI:限定图片拉伸缩放的区域

6、创建成功后,在Inspector面板上找到UISprite的Sprite的Edit,如下图:

NGUI:限定图片拉伸缩放的区域

7、点击了Edit界面,进入下面的界面,找到Border一栏,调节Left,Right,Bottom,Top。

NGUI:限定图片拉伸缩放的区域

8、通过调节Left,Right,Bottom,Top的数撕良滤儆值,改变虚线的位置,虚线以内的位置就是伸缩区域,如下图红色区域。

NGUI:限定图片拉伸缩放的区域

9、虚线以外的区域,就是不变的区域,也就是说,无论Sprite长宽如何变,虚线以外的区域都不会被拉伸,不会变形,拉伸缩放的只是虚线以内的区域。如下图:

NGUI:限定图片拉伸缩放的区域

10、调完之后按Return to Sprite

NGUI:限定图片拉伸缩放的区域

11、如果调节完之后,效果没有出来,看看Sprite的Type是否设置成Sliced。

NGUI:限定图片拉伸缩放的区域

12、是不是很简单`(*∩_∩*)′

  • 如何更改QQ文件在电脑的下载位置
  • 怎样修改电脑qq下载文件路径?
  • QQ怎么修改默认的下载文件目录位置?
  • 如何使用7-zip压缩和解压文件
  • idm的详细介绍
  • 热门搜索
    治疗肩周炎最佳方法 牛排怎么煎好吃又简单 瘊子的最佳治疗方法 路由器网关怎么设置 违约金怎么算 瘦肚子的最快方法 癫痫病的治疗方法 邮件怎么发送 什么蛋糕最好吃 小便混浊是怎么回事