文本框

文本框可以讓用戶輸入文本。它們可以是單行的,帶或不帶滾動條,也可以是多行的,并且帶有一個圖標。點擊文本框后顯示光標,并自動顯示鍵盤。除了輸入,文本框可以進行其他任務操作,如文本選擇(剪切,復制,粘貼)以及數據的自動查找功能。詳情見 模式 > 選擇 文本選擇的設計。

文本框可以有不同的輸入類型。輸入類型決定文本框內允許輸入什么樣的字符,有的可能會提示虛擬鍵盤并調整其布局來顯示最常用的字符。常見的類型包括數字,文本,電子郵件地址,電話號碼,個人姓名,用戶名,URL,街道地址,信用卡號碼,PIN碼,以及搜索查詢。

單行文本框

當文本輸入光標到達輸入區域的最右邊,單行文本框中的內容會自動滾動到左邊。

淺色主題

暗色主題

紅色標線

帶有圖標的淺色主題

帶有圖標的暗色主題

紅色標線

帶有滾動條的單行文本框

帶有滾動條的單行文本框

當單行文本框的輸入內容很長并需跨越多行的時候,則文本框應該以滾動形式容納文本。

在滾動文本框中,一個圖形化的標志出現在標線的下面。點擊省略號,光標返回到字符的開頭。

淺色主題

深色主題

浮動標簽

浮動標簽

浮動內嵌標簽,當用戶在輸入文本時,標簽會浮動到輸入內容的上方。

淺色主題

深色主題

紅色標線

多行文本框

當光標到達最下緣,多行文本框會自動讓溢出的的文字斷開并形成新的行,使文本可以換行和垂直滾動。

淺色主題

深色主題

紅色標線

全寬文本框

全寬文本框適用于更深入的工作。

單行和多行文本框

紅色標線

字符計數器

當要是當地限制字符時可在文本框中使用字符計數器。

單行字符計數器

計數器文本:Roboto Regular 12 sp

多行文本框的字符計數器

計數器文本:Roboto Regular 12 sp

全寬文本框的字符計數器

自動補全文本框

使用自動補全的文本框去呈現即時建議或補全彈出窗口,可讓用戶更準確,更高效地輸入信息。

全寬文本框的自動補全

插入自動補全

全寬文本框的內嵌自動補全

內嵌自動補全

搜索過濾器

應用欄可以作為一個文本框。當用戶輸入時,文本框下方會顯示已過濾和排序的內容。

在應用程序欄中的全寬文本框

原文:Text fields 翻譯:SamanthaChou 校對:hyaocuk

安卓版28杠游戏