接下來我們創建一個Label，NGUIàOpen the Widget Wizard,打開widgetTool對話框，在Template中選擇Label，確定AddTo右側選項為panel，點擊，Add To完成Label創建。

1.Label屬性窗口如圖

1.下面的節奏可能有點快，大家可以先熟悉一下上面講的流程，再進行下面的學習。接下來我們依次創建Button和Input,因為這兩個選項差不多，我們放一塊講，在WidgetTool窗口中，他們都需要選擇一個Background，這里和選擇Spirit一樣。
我們先看Input

它主要包括三個物體，一個帶有UIInput代碼和BoxCollider的物體，一個Background和一個Label。這里的Background就是剛才講的Spirit，Label就是上節講的label。這兩個我們都熟悉了，我們主要看Input上面的UIInput屬性

Label：默認為空，也就是會自動識別子物體Label。
Max Chars最大字符數，默認為0，表示不限
Carat Char 激活狀態下默認字符
Type 字符類型，在移動平臺下，可以激活不同鍵盤
IsPassword 是否為密碼，勾選顯示為星號
AutoCorrect 自動糾正
UseLabelText At Start 使用Label的字符為輸入字符開始，如果勾選，則以Carat Char字符為開始
Active Color 字符激活狀態顏色
SelectOnTab，當Input激活狀態下，按tab鍵要選擇的物體，例如，填寫完該Input后可能要點擊按鈕輸入，這時候我們如果設置SelectOnTab 物體為要按的按鈕，在按下Tab鍵后會自動選擇該按鈕。

Event Reciever事件接收物體，和下面的functionname 合并起來用，Event Reciever物體上對應的代碼如果有和function name相同名稱的函數，則當我們在Input激活下按回車鍵的時候會激發該方法。不知道這樣解釋能不能理解？

按鈕：接下來我們看按鈕，按鈕結構和Input類似如圖

也是包括一個background和一個Label物體，這兩個大家都熟悉了，不用講了。
我們看Button，它上面包括一個用于接收碰撞信息的Box Collider ，一個UIbutton，一個用于縮放的UIButtonScale，一個用于偏移的UIButtonOffset，一個用于播放聲音的UIButton Sound。我們可以發現，Button只能更改鼠標滑過和點擊的顏色，而不能做出鼠標滑過很復雜的效果，如果我們想要鼠標滑過和點擊顯示不同的圖片，我們該用什么呢？答案就是ImageButton，它比Button強大的地方在于它可以讓我們分別選擇鼠標滑過，按下時候顯示的圖片。給我們更多的靈活性。

參數解釋如圖

示例：（結合Button和Input創建一個登陸界面）

1.創建一個NGUI 2D UI,在Panel節點下創建兩個Input和一個Button，方法參考上述步驟。創建完成的效果如圖

2.調節Input大小，注意這里首先要調節Input節點下的Background大小，然后再根據Background大小調節根節點下的BoxCollider大小和位置。更改Input名稱，第一個我們改為UserName，第二個我們改為Password，并勾選UIInput屬性中的IsPassword，設置
Password的SelectionOnTab物體為Button按鈕。
新建一個C#腳本Test.cs
添加以下函數
public UIInput username;
public UIInput password;
void OnSubmit()
{
Debug.Log("Login with UserName: " +username.text+"Password:" +password.text);
}