Unity NGUI 創建簡單的按鈕

Unity版本：4.5.1　　NGUI版本：3.6.5

　　注意NGUI版本，網上的大部分教程都是2.x版本的，在步驟上面略有不同，此文適合初學者。

示例：

　　通過NGUI創建一個背景和按鈕。

1.首先創建一個新場景，並保存，在此場景取名為Test：

　　在Unity主界面上：File — New Scene，然后保存場景，File — Save Scene As.. 在此，場景命名為Test，可以在Unity中看到如下效果：

    

2.網上的絕大部分教程都說要刪除場景中的自帶攝像機，即上文左側圖中的 “Main Camere”，但是，感覺沒刪除也不會有問題，可以看到效果，這里自由選擇。接下來通過NGUI開始創建：

NGUI —— Create —— 2D UI ：

可以看到效果如下所示：

3、選擇UI Root下的Camera，通過NGUI——Create——Anchor創建Anchor，在Anchor下添加一個Panel：

效果如下：

 

5、接下來添加按鈕背景：

打開Widger Wizard：

在界面中點擊Add To完成按鈕的背景設置：

6、這時候創建一個C#腳本用來響應按鈕的點擊：

代碼如下：

using UnityEngine;
using System.Collections;

public class BtnClick : MonoBehaviour {

    // Use this for initialization
    void Start () {
    }
    
    // Update is called once per frame
    void Update () {
    }

    void OnClick()
    {
        Debug.Log ("xx");
    }
}

添加值Sprite，可以看到在點擊時不會出現"按鈕點擊"字樣；

7、就需要手動為按鈕添加一個碰撞器：

選中Sprite，創建一個碰撞器：

這時再去測試可以看到，點擊按鈕時會出現"按鈕點擊"字樣。

 

8、可以為按鈕創建Label，通過Widger Wizard為Sprite添加一個Label，可以修改字體大小和顏色：

 

9、完成一個簡單的按鈕，效果如下：