Quantcast
Channel: CSDN博客移动开发推荐文章
Viewing all articles
Browse latest Browse all 5930

NGUI_的Sprite学习_002

$
0
0

创建精灵的流程如下,选中UIRoot,在相机范围内右键,Create–>Sprite
这里写图片描述
我们可以先点击Atlas选择图集, 点击Sprite选择精灵
这里写图片描述
在精灵有Type属性
每一种Type的解释及适用场景:

Simple:标准的Sprite,自适应大小
Sliced:九宫格切片,创建固定边框控件的最佳选择。边框固定,图片中间做拉伸(缩放),如角色头像,按钮背景
Tiled:平铺,一个Sprite缩放填充整个区域,如背景平铺
Filed:每个Sprite有一个单独的参数(file Amout)来控制哪些是可见的,用来制作技能CD冷却时间或进度条
Advanced:高级的,自定义左右上下中的Sprite Type
这里写图片描述
当Type为Sliced适用于只拉伸中间部分,不拉升边框的部分。在上图Sprite后中点击Edit后出现下图内容。
这里写图片描述
设置Border可以定义拉伸的范围。
下图中框选的部分是不拉升的,通过Border可以设置不拉伸的范围
这里写图片描述

经过上面的操作后在图片放大之后,边缘部分是没有拉伸的
放大前:
这里写图片描述

放大后:
这里写图片描述

当Type为Tiled的时候,在对图片拉伸的时候,精灵会用自身去填充拉伸的内容。
这里写图片描述
当Type为Filled的时候,对图片填充。和UGUI里面一致。不在赘述。
Flip:旋转
这里写图片描述
Nothing是不旋转
这里写图片描述
Horizontal:水平旋转,就是绕y轴旋转
这里写图片描述
Vertical:垂直旋转,就是绕x轴旋转
这里写图片描述
Both:两者一起旋转
这里写图片描述
Color Tint:设置精灵的主色调

作者:yy763496668 发表于2017/9/11 18:18:50 原文链接
阅读:27 评论:0 查看评论

Viewing all articles
Browse latest Browse all 5930

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>