Text Field研究

一樣是可以讓使用者輸入文字的UI功能。像是姓名、電話、地址、電子信箱的地址等等的…

  1. Placeholder: 這個功能就是在文字框裡面顯示灰色的文字,例如可能要你預設填入的文字,或者是Required等等的資訊。

2. Border Style: 這個就是讓外框改變不一樣的外型,從左邊到右邊分別是隱藏外框、預設的正常外框、有陰影的外框、圓圓的外框。

3. Clear Button: 不曉得大家有沒有在輸入文字的時候發現,在輸入框旁邊會有一個小小的X,可以讓使用者迅速的消除輸入的文字。

4. Min Font Size & Adjust to Fit: 這個功能會限制輸入文字的大小,預設的最小字型將會是多少,再來還可以自動調整文字的位置去符合框框的大小。以下可以看看我把框框縮到最小之後的狀態。

下面可以看得出來設定fit之後,文字會自己置中到框框的中間。

5. Content Type: 這個部分就是會讓手機自己去偵測內容,讓iphone自己去填入,例如:手機號碼、地址、電子郵件、姓氏、姓名等等的…

6. Capitalization: 這個看英文就知道啦,大寫的意思,會讓使用者輸入的第一個英文字母自動變成大寫的文字,只要空格之後就會有影響。

7. Keyboard Type: 這個是你點選文字框之後鍵盤跳出來的型態,有相當多種的型態可以選擇,下面可以看看不一樣的型態。

8. Keyboard look: 就是鍵盤的顏色不同,有黑色跟白色的兩種預設顏色,上面的鍵盤顏色為Dark,一般大家在手機上面看到的大多都會是light。

9. Return Key: 這個就是回車鍵的設置不一樣,可以依照想要呈現的方式設定不一樣的狀態,像上面的鍵盤我就是設定Send,但是可以看下面的我設定為Done。

10. Auto-enable Return Key: 這個功能的設置可以看上面的那張圖,當我沒有輸入文字的時候Return Key是不會顯示讓使用者可以點選的。輸入文字之後可以參照下面的圖片,就知道有什麼差別。

11. Secure Text Entry: 這個功能會讓使用者輸入的文字,自動變成圓點點,就如同上圖示一樣,一般用於密碼的輸入。

12. Toggle Software Keyboard: 在模擬器當中,一般來說輸入文字大多都會透過Macbook的鍵盤輸入,但是如果要在模擬器當中看到你更改鍵盤的狀態,就必須要透過( 快速鍵 cmd + k )來顯示軟體鍵盤,才能夠看得出來差別。

以上就是簡單的Text Field研究,大家記得保暖,春天氣候變化大要注意身體狀況。

--

--