Posted on 2013-10-12 09:59
點點滴滴 閱讀(476)
評論(0) 編輯 收藏 引用 所屬分類:
02 編程語言
接下來我們創建一個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);
}
3.將腳本賦給 Main Camera,然后設置 Password的Event Receiver物體為MainCamera。
4.給Button 添加Button Message腳本(該腳本可以調用Target物體上的名稱和FunctionName一致的沒有參數的函數):選擇Button,點擊ComponentàNGUIàInteractionButton Message.設置 Button Message的target為Main Camera,FunctionName為OnSubmit。
5.運行程序,在Username和Password中輸入一些內容,然后回車,查看控制臺輸出內容,或者在輸入password輸入之后按下Tab鍵,然后回車查看效果。可以看到控制臺輸出了我們輸入的用戶名和密碼。
聲明: 本文由( zqcyou )原創編譯,轉載請保留鏈接: NGUI系列教程二