久久久久在线观看,黄色精品一二区,91久久久久

(搬運工)NGUI官網示例12 –Chat Window（聊天對話框，中文輸入和顯示）

Posted on 2013-10-15 11:57 點點滴滴閱讀(4170) 評論(0) 編輯收藏引用所屬分類: 02 編程語言

聊天對話框是網絡游戲中經常會用到的GUI之一，它可以通過用戶的鍵盤輸入來獲取輸入信息并發送到其他的游戲客戶端中。當然，聊天對話框的用途還有很多。在NGUI中，也為我們創建聊天對話框提供了方便，如圖所示：

首先先床架一個窗口層次結構，這里不再贅述，請看前面的教程。在里面的Label中，我使用了中文的字體為3698Font包3698font.unitypackage，如圖所示

為該窗口創建一個Input元件，該元件用于接收用戶的輸入，其參數如下

創建一個TextList，用于顯示用戶輸入信息之后顯示信息。新建一個空的游戲對象，并命名為TextList，并成為Window的子物體，同時reset一下；一個TextList組件（Component-> NGUI->UI->Text List），并設置該組件中的Style屬性設置成Chat，如圖所示
點擊查看原圖

為該TextList對象添加一個Label和一個SlicedSprite，注意SlicedSprite和Label之間的深度關系，Label的深度值應該比SlicedSprite大，如Label為2，那么SlicedSprite為2，如圖所示

選擇Input對象，為其添加一個Chat Input組件（Component->NGUI->Interal->chat Input），并把TextList對象賦值給TextList屬性，如圖所示
點擊查看原圖

點擊播放，ok！你在輸入框中輸入中文和英文都可以正常顯示！如圖所示
點擊查看原圖

如果你輸入多行，你會發現，其TextList中的文字不會自動往上，現在選擇TextList中的Label，然后把其他的Pivot設置成BottomLeft，這樣便可以使得隨著文字的顯示的增加而不斷往上升了。如圖所示
點擊查看原圖

選擇Input對象，并把Fill with Dummy Data選項打開，點擊播放，這個時候可以通過這個選項來控制是否顯示測試文字，如圖所示

可以看出文字都跑外面去了，選擇TextList，在UITextList組件中，設置其MaxWidth和MaxHeight，這個可以設置其顯示文本的最大高度和最大寬度。如圖所示

點點滴滴

(搬運工)NGUI官網示例12 –Chat Window（聊天對話框，中文輸入和顯示）

日歷

公告

留言簿(9)

隨筆分類(268)

隨筆檔案(311)

相冊

搜索

積分與排名

最新評論