unity NGUI (基础组件篇）

NGUI简介

第一次写博客 为了更牢固的记住知识 保存知识
知识源于泰克在线 唐老狮 相关课程 有错误欢迎指出
据我知道的只做简单介绍：是一个大佬做的插件 时间介于gui 和ugui（unity自带工具）之间，ugui也是这个大佬帮忙做的
现在ugui和ngui都有公司会用
与ugui最大的区别就是 根节点ugui是canvas ngui是root

三大基础组件

1. root 控制分辨率和自适应模式
   建立ui时最先创建root 并修改分辨率
   2d和3d的区别大致为 摄像机模式和碰撞体
   
   Scaling Style Constranined On Mobiles ：在pc和mac等桌面设备上使用Flexible 在移动设备上用Constrained
   窗体适合竖屏勾选 Width fit
   适合横屏勾选 Height fit
   
   2.Panel 管理ui面板的渲染顺序 管理所有控件
   Alpha ：所有子ui透明度
   Depth ：渲染层级 层级越高显示在越前面
   Clipping ：不咋用
   Sorting Layer ：渲染层
   
   补充 ：在panel上查看draw call 相同图集和文字减少depth的穿插
   
   3.Event System（UICamera）
   Event Type：事件类型
   ui模式根据深度（depth）
   world模式根据 距离摄像机远近
   2d 3d 区别为碰撞器

   Event Mask： 渲染的对象层级
   debug模式： 可以在scene窗口看见交互信息
   Allow Multi Touch： 支持多点触碰
   Event Source ：接受事件来源
   

组合控件 三大基础组件

1.公共内容

Widget组件
{
Pivot：对齐中心（居中等）
Depth：深度层级
Size：尺寸大小 Snap:显示原始尺寸
Aspect：缩放宽高比
}
Anchors锚点 用于控件分辨率自适应 九宫格对齐
{
Type:
Unified:控件对于单个target的相对位置调整
Advanced：控件对于多个target的每个方向的相对位置
}

2.Texture 一般用于背景大图

3.Sprite 精灵图片 一般用于控件底图

制作图集：{
Padding ：图片间像素间隔
TrimAlpha ：移除图片空白空间
Forece Square : 强制方形图集纹理长宽都为2^n

按new创建新图集

添加需要的图片 并create

会产生Atlas Material Texture三个文件

}

Atlas：制作的图集
Sprite：图集中的精灵图片
Material：材质 一般不改
Fixed Aspect：固定宽高比
Type：{
Simple：普通模式 缩放拉伸
Sliced：切片模式 九宫格缩放 拉伸保持变边不变形（Sprite Edit)

Tiled：平铺模式 图片重复绘制
Filed：填充模式 填充模式（水平 竖直 角度）可以用于进度条绘制
Advanced：高级模式 分为 上下左右中 五个部分分别设置
}

Flip：翻转模式
Gradient：渐变
Color Tint：颜色叠加

4.Lable

Font：unity可用字体可以使用fft字体文件 或者NGUI子集（不咋用 和图集有点相似）
本地文字目录：

FontSize:字体大小 加粗 斜体
Text:显示内容
Modifier:大小写限定
Overflow:
{
Shrink Content : 收缩内容 文字大小与label大小自适应
Clamp Content：裁剪掉无法显示的内容 label太小时会不显示
Resize Freely：自动调整大小 label大小适应字体大小
Resize Height：自动调整高 label高度会适配字体内容 只能调节宽
}
Alignment：对齐方式
Keep crispp:动态字体锐化
Gradient:渐变
Effect:特效 阴影 边缘线
Float spacing:开启浮点数间隔调整
Spacing：字符间隔
Max Lines:最大行数
BBCode:开启富文本
{
[ff0000]颜色[-]
[b]加粗[/b]
[i]斜体[/i]
[u]下划线[/u]
[s]删除线[/s]
[url=http://www.baidu.com/][u]斜体[/u][/url]
超链接需要添加 碰撞体 和脚本Open URL On Click
}

End

第一篇先写到这里啦