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

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

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