#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 的說明

--

--