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滑动器


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


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