NGUI 3.5过程（三）Button button

写在前面：    

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

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

Button -- button

在NGUI 3.5 里，Button这个控件，经过了整理。比方更改了创建方式（搜索、拖拽）；比方合并了 2.x里的Button和Image Button。个人认为这样是合理的，wxPython的Button，就不分基本button，还是图片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的一堆控件。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbmdnb25nMmRt/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbmdnb25nMmRt/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

在检视面板中。能够看到，Simple Button默认有4个组件：

Transform 作为Unity最主要的组件。这里不再做解释。

UIScript (Script) 是NGUI默认挂载在Button上的脚本，主要是指定图集（Atlas）、深度等操作。

UIButton(Script) 是NGUI默认挂载在Button上的脚本，主要是指定button状态的，比方普通（Normal）、悬停（也称徘徊、经过。Hover）、按下（Pressed）、禁用（Disabled）。

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

（3）通过Label的Text属性，能够给简单的button改文字。

这里我给改成 Button-1。

3。编写脚本。处理 Button 点击事件

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

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上。之后。执行：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbmdnb25nMmRt/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

好，点击button会，会发现信息打印！

button点击事件成功响应！

ps. button显灰（buttondisable）设置：

this.GetComponent<UIButton> ().isEnabled = false;

运行后，会自己主动调用disable状态时的颜色（比方默认的浅灰色）。并禁用button。

版权声明：本文博主原创文章。博客，未经同意不得转载。