NGUI 学习笔记

NGUI学习笔记

http://www.taikr.com/course/34/learn#lesson/1107   ce1987 2xxxxx


---------------------------------------------------------------------------
图集atlas


创建图集NGUI->Atlas Maker  
打开Atlas Maker后在Assets中选中想打到一个图集中的图片,然后点Create
会生成3个文件 图片集,prefab文件(上面有UIAtlas脚本,以后就使用这个),材质


UIButton组件中有个Sprites可以选择图集中的图片切换按钮按下图片


图集生成后可以再修改(添加删除组成图集的小图片)


---------------------------------------------------------------------------
SlicedSprite九宫格切图

选sliced,然后在Sprite后面点击Edit,在里面配置border


---------------------------------------------------------------------------
dynamicFont 动态字体制作和显示


创建字体NGUI->Font Maker  
静态字体就是一张图,缺点数量有限文字越多,图越大
动态字体创建需要使用一个.ttf字体样式文件(windows中就有),但是会增加drawcall还是省省把


---------------------------------------------------------------------------
通用属性:Widget------pivot,depth和size


UIRoot中点(0,0左边是图中的点)



Pivot 中心点设置,首先UIRoot中点永远不变0,0,0,Pivot指从当前控件的哪一点来计算相对于UIRoot中点的坐标
depth越小越深,越会被盖住
size 中有个Snap选项用来将图片回复原大小
---------------------------------------------------------------------------
通用熟悉:Anchor锚点设置(屏幕分辨率变换时需要考虑Anchor的设置)





Type Unified(一般用这个) Advanced(上下左右可以有4个不同的Target,一般貌似用不到)
Execute 打开时更新一次或者每次都更新
Target 默认为UI Root(Transform),这个可以修改


各种相对位置设置
Left
Right
Bottom
Top

---------------------------------------------------------------------------
Tween动画


补间动画(插值)


直接给组件添加Tween脚本,有Alpha color position,scale等Tween脚本


比较特别的是Tween Transform可以从一个transform变换到另一个transform
这个也许可以用来做新功能开始时旧功能的下移


效果自己试试就ok 渐变可以使用类似3dmax的曲线编辑


---------------------------------------------------------------------------
Slider滑动器


---------------------------------------------------------------------------


---------------------------------------------------------------------------
原文地址:https://www.cnblogs.com/nafio/p/9137561.html