#4-2 研究文字相關UI元件 lable TextField TextView
label
使用場景:輸入純文字 (可多行)
Line Breaks
當文字內容超出文字框大小,無法顯示全文時的裁切方式
Autoshrink
當文字內容超過文字框大小,無法顯示全文時該如何縮放
Shadow
設定文字的陰影
Apple 官方的 Human Interface Guidelines 對於 Label 的說明
TextField
使用場景:輸入單行文字(表單、帳號密碼等資訊)
Placeholder
填寫表單前顯示的提示字(輸入內容後消失)
Border Style
邊框風格選擇
Clear Button
清除鈕(開啟 Simulator 後才會顯示)
Min Font Size & Adjust to Fit
輸入文字過長時,將調整字體大小至設定的最小尺寸
設定比預設小且勾選 Adjust to Fit 才會作用
Text Input Traits
Content type
設定輸入內容類型(如電話號碼、郵遞區號)
系統可以依照設定的內容,讓使用者自動代入個人資料,提升使用者體驗
Capitalization
設定輸入內容預設顯示大小寫,鍵盤會跟著設定變化
Keyboard Type
設定出現的鍵盤種類
設定的好可以提升使用者體驗不只一個檔次,是把細節做好的關鍵
Keyboard look
設定鍵盤外觀(深色、淺色、預設模式)
Return Key
設定 Return Key 的文字
Auto-enable Return Key
使用者輸入文字後才可按下Return Key,算是一種防呆
Secure Text Entry
保護輸入的資料文字,常用於密碼
Apple 官方的 Human Interface Guidelines 對於 TextField 的說明
TextView
輸入可捲動的多行文字,可應用於純文字或是表單
可置入連結、網址、地圖等
Apple 官方的 Human Interface Guidelines 對於 TextView 的說明