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

最后编辑于：2018.11.10 18:29:31

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

NGUI 快速掌握