#11 研究輸入單行文字的 UITextField

1.研究Text Field：

UITextField

研究欄位

1. Placeholder：

Placeholder欄位是給即將輸入資料後的預設文字，可以讓使用者知道該欄要輸入什麼資料，當填寫文字後即消失該預設文字刪除該文字即變回預設文字。

Placeholder輸入資料後的畫面

Placeholder效果演示

2.Border Style：輸入框外觀設定可以依照喜好設定邊框，分別有無邊框.黑色邊框.白色邊框.圓角尺寸。

Border Style有四種框型設定

Border Style四種模式設定

3.Clear Button：

Clear Button是設定按鈕效果工具，用於設定按鈕的效果使用。

Clear Button有四種按鈕設定

Never appears ：無任何效果或系統默認效果。

Appears while editing ：點下文字框之後Ｘ按鈕出現，可以按Ｘ讓預設文字消失。

Appears unless editing ：點下文字框之後Ｘ按鈕消失，可以按Ｘ讓預設文字消失。

Is always visible ：點下文字後用游標在文字上面滑過，讓文字跟按鈕有放大效果，可以按Ｘ讓預設文字消失。

Clear Button四種效果

4.Min Font Size & Adjust to Fit：

Min Font Size：讓輸入的文字保持原始狀態，讓輸入的文字不自動調整適合大框的大小即使字數太多也樣。

Adjust to Fit：輸入多行文字後會自動調整適合的大小，但是輸入的文字沒有超過邊框大小會顯示原始預設值。

Min Font Size（第一個框） & Adjust to Fit（第二個框）兩種狀態顯示範例

2.研究 Text Input Traits

Text Input Traits 介面

Content type : 內容類型設定.例如密碼.mail 姓名等等．．．．．

Capltallzation：輸入文字內容設定，例如輸入大寫.小寫等等．．．

Keyboard Type：輸入的內容類型

Keyboard Look：輸入的內容鎖定

Return Key ：返回鍵？

Auto-enable Return Key ：讓使用者在輸入文字後才能按下return鍵。

其餘的目前還沒有研究出來功能，等到有學會之後再更新文章。

3.研究模擬器

開啟模擬器之後點選I/O>Ketboard>Toggle Software Keyboard 開啟鍵盤（Cmd+K)

I/O>Ketboard

開啟Toggle Software Keyboard

演示效果