本文將用NGUI建立一個經過美化的輸入框。
    歡迎大家糾錯、拍磚！原創很辛苦，如有轉載，請註明出處。

建立輸入框

  在NGUI 3.5中，建立控制元件都可以通過【搜尋】，然後【拖拽】實現（也是NGUI推薦的方法）。

（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，在手機裡，點選輸入框後，會自動呼叫手機的虛擬鍵盤，之後進行輸入。