Android Material Design系列之主題樣式介紹說明

今天這篇文章應該算是Material Design系列的補充篇，由於這篇文章原本應該放到前面講的，由於講的是主題嘛，對於一些狀態和顏色的介紹，由於咱們一新建一個項目時，系統自帶了三個屬性的顏色，如今就重點介紹這三個顏色屬性的意義和做用。講明白這個，留着之後講別的用。

最經常使用的三個顏色屬性

• colorPrimary
• colorPrimaryDark
• colorAccent

這三個分別表明什麼意思呢？

• colorPrimaryDark 是狀態欄底色
• colorPrimary 若是你不手動本身去修改toolbar背景色的話，它就是默認的toolbar背景色
• colorAccent 各控制元件(好比：checkbox、switch 或是 radio) 被勾選 (checked) 或是選定 (selected) 的顏色

文字描述可能還不是很直觀，來看張圖，以下：

其餘屬性相關介紹

• navigationBarColor 導航欄的背景色，但只能用在 API Level 21 以上的版本，也就是5.0以上才能夠
• windowBackground App 的背景色
• colorControlNormal 這個也只能在API21以上才能用各控制元件的預設顏色和colorAccent正好對應

在Style上設置

以上的顏色屬性均是在 style 的屬性中設置。以下：

關於這些顏色的屬性介紹就到這裏了，相信你們應該都明白了。要是光講這些文章有點短，不太充實，因此今天咱們再補充兩個很是簡單的 Material Design 風格的控件，可能你們都知道了，知道的就不用看了哈，略過就好。

TextInputLayout

TextInputLayout繼承LinearLayout，所以咱們須要將EditView包含在TextInputLayout以內纔可使用，言外之意：TextInputLayout不能單獨使用。裏面能夠包含一個且只能有一個EditText,與傳統的EditText不一樣，在輸入時EditText的hint提示文字會滑到上方，在用戶輸入的同時提示用戶當前要輸入的是什麼，同時還能夠設置輸入錯誤的提示信息。

代碼佈局以下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<android.support.design.widget.TextInputLayout android:id="@+id/email_textlayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:layout_marginTop="35dp" > <EditText android:id="@+id/email_et" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="請輸入你的郵箱" android:inputType="textEmailAddress" android:textColor="@color/text_color"/> </android.support.design.widget.TextInputLayout>

TextInputLayout經常使用的方法有以下：

• setHint()：設置提示語。
• getEditText()：獲得TextInputLayout中的EditView控件。
• setErrorEnabled():設置是否能夠顯示錯誤信息。
• setError()：設置當用戶輸入錯誤時彈出的錯誤信息。

特別注意：TextInputLayout不能單獨使用，必須包裹EditView組件，且只能一個,設置錯誤提示信息時必定要先setErrorEnabled(true);再設置setError()。

TextInputEditText

TextInputEditText和TextInputLayout相似，Design包還有一個組件TextInputEditText,它繼承了AppCompatEditText,能夠在右側顯示出錯誤信息的小彈窗提示。用法和TextInputEditText相似，並且不用設置錯誤信息消除，從新在TextInputEditText輸出會自動取消，很是的靈活和人性化。

用法很簡單：

1 2 3 4 5 6 7 8 9

<android.support.design.widget.TextInputEditText android:id="@+id/pwd_et" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:hint="請輸入密碼" android:inputType="textEmailAddress" android:textColor="@color/text_color"/>

效果圖

到這裏今天的內容就講完了，Material Design系列其實尚未完，今天講了主題樣式，下次就有可能講根據主題樣式設置夜間模式，還有之後的轉場動畫等內容。這個系列可能有些基礎，可是衆口難調還請你們理解，會的同窗能夠略過，不會的就好好學習。總之，都是爲了你們更進一步。重口難調，還請你們理解。

demo的github地址：https://github.com/loonggg/MaterialDesignDemo 去star吧，我會慢慢完善的。