接下來我們創建一個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);
}