1. 程式人生 > >Material Design學習之 EditText (功能強大,優於系統自帶,感謝“扔物線”)

Material Design學習之 EditText (功能強大,優於系統自帶,感謝“扔物線”)

繼續之前的Material Design歷程,今天是EditText,素材來源於http://www.rengwuxian.com/post/materialedittext(那麼程式碼解釋部分大家可以看原作者的文件,我在這裡把理論知識灌輸下就OK了,作者做的很全面,我都不知道要講什麼了 只能6666666)

大牛的這個庫已經有了廣泛的認知度和認可,EditText部分就拿他的作為比較推崇的演示版本。

Grade的點這裡:
compile 'com.rengwuxian.materialedittext:library:2.1.4'

那麼,理論知識開始!

文字框

文字框可以讓使用者輸入文字。它們可以是單行的,帶或不帶滾動條,也可以是多行的,並且帶有一個圖示。點選文字框後顯示游標,並自動顯示鍵盤。除了輸入,文字框可以進行其他任務操作,如文字選擇(剪下,複製,貼上)以及資料的自動查詢功能。

文字框可以有不同的輸入型別。輸入型別決定文字框內允許輸入什麼樣的字元,有的可能會提示虛擬鍵盤並調整其佈局來顯示最常用的字元。常見的型別包括數字,文字,電子郵件地址,電話號碼,個人姓名,使用者名稱,URL,街道地址,信用卡號碼,PIN
碼,以及搜尋查詢。

我們常見的文字框的一些屬性:

    android:inputType="none"
    android:inputType="text"
    android:inputType="textCapCharacters" 字母大寫
    android:inputType="textCapWords" 首字母大寫
    android:inputType="textCapSentences"
僅第一個字母大寫 android:inputType="textAutoCorrect" 自動完成 android:inputType="textAutoComplete" 自動完成 android:inputType="textMultiLine" 多行輸入 android:inputType="textImeMultiLine" 輸入法多行(如果支援) android:inputType="textNoSuggestions" 不提示 android:inputType="textUri" 網址 android:inputType="textEmailAddress"
電子郵件地址 android:inputType="textEmailSubject" 郵件主題 android:inputType="textShortMessage" 短訊 android:inputType="textLongMessage" 長資訊 android:inputType="textPersonName" 人名 android:inputType="textPostalAddress" 地址 android:inputType="textPassword" 密碼 android:inputType="textVisiblePassword" 可見密碼 android:inputType="textWebEditText" 作為網頁表單的文字 android:inputType="textFilter" 文字篩選過濾 android:inputType="textPhonetic" 拼音輸入 //數值型別 android:inputType="number" 數字 android:inputType="numberSigned" 帶符號數字格式 android:inputType="numberDecimal" 帶小數點的浮點格式 android:inputType="phone" 撥號鍵盤 android:inputType="datetime" 時間日期 android:inputType="date" 日期鍵盤 android:inputType="time" 時間鍵盤

這一系列的標籤,大牛的控制元件也是支援,因為他是

public class MaterialEditText extends AppCompatEditText 

再上一層

public class AppCompatEditText extends EditText implements TintableBackgroundView 

所以也就出現了例子裡的黑點的效果

這裡寫圖片描述

這裡寫圖片描述

文字框和之前的一系列控制元件一樣也有2種主題

淺色:

//預設的一些引數
提示和輸入字型:Roboto Regular 16 sp
輸入框高度:48 dp
文字頂部和底部填充:16 dp
文字欄位分隔填充:8 dp

效果:

這裡寫圖片描述

暗色:

這裡寫圖片描述

這一篇主要就拆拆包,然後各種拜服原作者,一串6666666 都不知道要怎麼講了,人家都做好了。。。。 TOT

從廣大小夥伴和各位看客的提點下,下次我會換一個錄製的方式,告別五毛畫質,感謝大家的意見。