NGUI 快速掌握

目的：正在转u3d，结合以前开发经验，快速掌握NGUI.
适用：刚接触Unity的我，英文不好的我，只能一点一点翻译。

NGUI ->Creat -> widget

组件

Widget Tool窗口

快速创建组件

Widget Tool窗口.png

一. UIWidget 所有UI组件的基类

快捷键ALT+SHIFT+W

Widget属性.png

二. UISprite 精灵

快捷键ALT+SHIFT+S
继承自UIWidget，用来添加atlas纹理

UISprite.png

• Type: 纹理的填充方式
  simple
  Sliced 九宫格方式
  Filled 这样可以做一个类似冷却的进度条。
  Tiled 重复的填充一块区域
  advanced 高级自定义

二. UIPanel 图形渲染面板

作用:用来收集和管理它以下全部widget的组件,通过widget的geometry创建实际的draw call。没有panel全部东西都不可以被渲染出来。

UIPanel 组件.png

三. Tween 动画组件

Tween 动画组件.png

四. Label

label属性.png

五. Button

button属性.png

监听button的点击方法：

   void Start () {
       //button 点击方法
     GameObject buttonObject = GameObject.Find("testButton");
        UIEventListener.Get(buttonObject).onClick = myTestButtonOnClick;
    }

 private void myTestButtonOnClick(GameObject button)
{
    Debug.Log("my Test ButtonOn CLick and buttonname = "+ button.name);
}

六. UIScroll View

UIScroll View.png

七. UIDrag Object 拖拽

UIDragObject.png

• Traget 拖拽目标，默认是自己
• Drag Effect 拖拽效果
• keep Visible 是否在某一区域内始终可见
  Content Rect 可见范围
  Panel Region 在什么区域内

八. UIToggle 组件

1. UIToggle
只有两种状态ON/OFF，可以用于创建Checkbox, tabs, radio button groups。

UIToggle.png

• Gtoup：分组，一般多个使用toggle的控件但是状态是单选时使用。
• state of 'None': 无状态。
• Starting State：勾选则初始状态为YES
• State Transition
  Sprite ：选中标识，选中时是什么状态

2. UIToggledObjects:
这个组件可以实现Tab切换的效果.
Activate:表示激活状态下显示的组件
Deactivate:表示激活状态下隐藏的组件

Checkbox

Checkbox.png

PopupList

image.png