1）在Project面板中，搜索“Control”，也就是搜索控件。之後，會發現NGUI的一堆控件。

（2）找到 Simple Input Field，拖拽到層級面板下面。我這裏把它直接拖拽到UI Root下面了。

在game視圖中，會出現這個控件，如下：

（3）美化輸入框。我們的美術肯定不會對這種樣式的輸入框滿意，那麽我們就要替換掉它的樣式，其實就是給控件換一張底圖。

選中輸入框，在inspector面板裏更改 Atlas 和 Sprite，以修改底圖。如果有不明白怎麽建立atlas和sprite的，請參照我前面的文章《NGUI 3.5教程（四）Atlas和Sprite（制作圖片按鈕）》。

（4）更改輸入框的字體。由於我們要應用自定義字體，所以要把做好的字體，設置上。如果有不明白字體制作的，請參照我前面的文章《NGUI 3.5教程（六）Font字體》。

（5）修改文字在輸入框中的位置。定義好字體、字體大小後，會發現，字在輸入框裏不居中了，有些偏。需要在Label下，調整Anchors：

方法二：可以把Anchors的Type設置為None，然後通過Transform來調整。

（6）運行，試試輸入效果：

關於輸入框需要註意的是：

1，如果沒自定義字體，輸入中文的時候為透明的（空白），無法顯示。

2，如果字體超過輸入框的大小，一樣無法顯示。

3，使用動態字體，會增加draw call。

4，在手機裏，點擊輸入框後，會自動調用手機的虛擬鍵盤，之後進行輸入。

NGUI input輸入框【轉載見圖片水印】