NGUI 3.5教程（三）Button 按钮 .

/article/2239003.html

/article/3640362.html

http://blog.csdn.net/asd237241291/article/category/1269316

写在前面：

本文将创建一个基本的Button。并且编写脚本，响应点击事件。

欢迎大家纠错、拍砖！原创很辛苦，如有转载，请注明出处。

Button -- 按钮



在NGUI 3.5 里，Button这个控件，经过了整理。比如更改了创建方式（搜索、拖拽）；比如合并了 2.x里的Button和Image Button。个人觉得这样是合理的，wxPython的Button，就不分基本按钮，还是图片按钮，只是创建时候的参数不同而已（重载）。

1，创建 Widget



如果已经创建过Widget（或者存在UI Root 和Camera），请忽略此步骤。直接跳到步骤2。否则执行以下步骤：

确保你的项目里已经导入了NGUI（如有不明，请看我写的《NGUI 3.5教程（一）》）。或者新建一个空白项目，然后导入NGUI。

为了显示label，我们需要新建一个Widget。也就是所谓的小工具。在菜单上点击【NGUI】-->【Create】-->【Widget】。

之后，Hierarchy面板上，会自动建立出 UI Root，包括（Camera 、Container）。



2，创建 Button



在NGUI 3.5中，创建Button比较特殊，可以通过【搜索】，然后【拖拽】实现。具体为：
（1）在Project面板中，搜索“Control”，也就是搜索控件。之后，会发现NGUI的一堆控件。



（2）找到 Simple Button，拖拽到层级面板下面。我这里把它拖拽到Container下面了。



在检视面板中，可以看到，Simple Button默认有4个组件：

Transform 作为Unity最基本的组件，这里不再做解释。

UIScript (Script) 是NGUI默认挂载在Button上的脚本，主要是指定图集（Atlas）、深度等操作。
UIButton(Script) 是NGUI默认挂载在Button上的脚本，主要是指定按钮状态的，比如普通（Normal）、悬停（也称徘徊、经过，Hover）、按下（Pressed）、禁用（Disabled）。

Box Collider 是默认挂在按钮上的一个盒碰撞器。其作用是使Button控件具有碰撞属性。NGUI中事件的触发都需要对象具有碰撞属性。

（3）通过Label的Text属性，可以给简单的按钮改文字。这里我给改成 Button-1。

3，编写[b]脚本，处理 Button 点击事件

[/b]

在Project面板中，新建一个Scripts 文件夹，然后右键-->【Create】-->【C# Script】，创建一个C# 脚本。取名为TestButton.cs：

[csharp]
view plaincopyprint?





using UnityEngine;
using System.Collections;

public class TestButton : MonoBehaviour {

// Use this for initialization

void Start () {

}

void OnClick () {
Debug.Log("OK! Get the click!");
}
}

using UnityEngine;
using System.Collections;

public class TestButton : MonoBehaviour {

// Use this for initialization
void Start () {

}

void OnClick () {
Debug.Log("OK! Get the click!");
}
}

保存脚本，然后把这个脚本拖拽到层级面板的 Control - Simple Button上，之后，运行：



好，点击按钮会，会发现打印信息！按钮点击事件成功响应