版權(quán)聲明：
本賬號發(fā)布文章均來自公眾號，承香墨影（cxmyDev）朴恳，版權(quán)歸承香墨影所有抄罕。
未經(jīng)允許，不得轉(zhuǎn)載于颖。
一呆贿、前言
Design Support Library 是 Google 發(fā)布的一個全新的兼容函數(shù)庫，它可以在 Android 2.1 （Api level 7）及以上的設備中森渐，實現(xiàn) Material Design 的效果做入，這個函數(shù)庫同時也提供了一系列控件。今天介紹的 TextInputLayout（以下簡稱 TIL） 就是其中之一同衣。
在使用 Design Support Library 之前竟块，需要在 build.gradle 文件中，添加依賴耐齐，這里使用的是 25.3.0浪秘。
compile 'com.android.support:design:25.3.0'
二、什么是TextInputLayout埠况？
TIL 繼承自 LinearLayout 耸携，可以用它實現(xiàn) Material Design 效果的一個表單輸入框。
類似如下效果：
從實現(xiàn)的功能可以看到辕翰，它在原本的 EditText 的基礎之上夺衍，添加了一些表單錄入必要的功能：
- 輸入提示，不同于原有 EditText 的 hint 屬性喜命，它可以在輸入的時候沟沙，將提示的字符，通過一個動態(tài)的效果壁榕，顯示在 EditText 的上面尝胆。
- 錯誤提示，在有錯誤的信息錄入的時候护桦，可以通過一個友善的方式含衔，將錯誤提示給用戶。
- 密碼是否可見標志二庵，這個常見于密碼輸入的時候贪染，輸入內(nèi)容是否可用。
- 輸入的字符數(shù)量和最大輸入限制并且顯示催享。
TIL 其實就是我們對表單錄入的一個基本要求杭隙，例如實現(xiàn)一個簡單的登錄頁面，完全是可以滿足我們的需求的因妙，并且它還屬于 Material Design 的效果規(guī)范痰憎。
這些效果票髓，我們只需要使用 TIL 的屬性和方法，即可完成這些功能铣耘，而在之前我們都需要開發(fā)者對其單獨開發(fā)洽沟。
三、使用TextInputLayout
TIL 從名字上看也能猜到蜗细，它是一個 Layout 裆操，并且是繼承自 LinearLayout ，但是它只能容納一個 EditText炉媒，而實際上從它設計的角度來看踪区，也不推薦再在其內(nèi)包含其它的 View 了，因為這樣會破壞 TIL 原本的設計吊骤。
在使用過程中缎岗，是可以不用為 TIL 中的 EditText 單獨設定 id 進行操作的，大部分操作都是可以通過 TIL 自身的 API 進行操作的白粉，如果是在需要操作 EditText 對象传泊，TIL 也提供了對應的 getEditText() 方法，來獲取其內(nèi)的 EditView 對象蜗元。
這樣就完成了 TIL 最基本的功能或渤，接下來讓我們把 TIL 的特性拆分出來系冗，來看看實現(xiàn)個別功能需要使用到的屬性奕扣。
1、使用 hint 效果
TIL 中掌敬，可以通過使用 hint 對輸入的內(nèi)容進行提示惯豆，當其內(nèi)部的 EditText 獲取到焦點的時候，將 hint 的內(nèi)容上移奔害。
在 TIL 中楷兽，使用 hint 效果，相關(guān)的屬性和方法：
- android:hint ：設置 hint华临。
- app:hintEnabled：設置 hint 是否可見芯杀，默認為 true。
- app:hintAnimationEnabled：設置 hint 上移的時候是否有動畫雅潭，默認為 true揭厚。
- app:hintTextAppearance：設置 hint 的樣式。
- setHint()：設置 hint 扶供。
- setHintAnimationEnabled()：設置 hint 是否可見筛圆。
- isHintAnimationEnabled()：判斷當前 hint 的可見狀態(tài)。
最簡單的用法椿浓，就是只使用 android:hint 屬性設置一次 hint 即可太援，但是也需要了解一下如何修改它的其他屬性闽晦。
2、使用錯誤提示
TIL 中提岔，錯誤一般都是在邏輯代碼里仙蛉，通過對輸入數(shù)據(jù)的校驗，來進行提示唧垦，但是同時也可以使用屬性設置錯誤提示的樣式捅儒。
在 TIL 中，使用錯誤提示的相關(guān)屬性和方法：
- app:errorEnabled：是否顯示錯誤提示振亮。
- app:errorTextAppearance：設置錯誤提示的樣式巧还。
- setErrorEnabled()：設置錯誤是否可見。
- setErrorTextAppearance()：設置錯誤提示的樣式坊秸。
- isErrorEnabled()：判斷當前是否顯示錯誤提示麸祷。
- setError()：設置錯誤提示的錯誤信息。
3褒搔、使用密碼開關(guān)
TIL 在內(nèi)部 EditText 的 android:inputType 為 xxxPassword 的時候阶牍，可以在 TIL 配置一個圖標按鈕，用于開啟和關(guān)閉是否顯示密碼內(nèi)容星瘾。
使用密碼開關(guān)功能走孽，使用到的相關(guān)屬性和方法：
- app:passwordToggleEnabled：設置 password 開關(guān)是否可用。
- app:passwordToggleTint：設置 password 開關(guān)圖標的 tint 著色琳状。
- app:passwordToggleTintMode：設置 password tint 的模式磕瓷。
- app:passwordToggleDrawable：設置 password 開關(guān)圖標。
- setPasswordVisibilityToggleDrawable：設置 password 開關(guān)圖標念逞。
- isPasswordVisibilityToggleEnabled：設置 password 開關(guān)圖標 是否可見困食。
- setPasswordVisibilityToggleTintList：設置 password 開關(guān)圖標的 tint。
- setPasswordVisibilityToggleTintMode：設置 password 開關(guān)圖標的 tint 模式翎承。
- getPasswordVisibilityToggleDrawable：設置 password 開關(guān)圖標硕盹。
一般來說，我們使用默認的眼睛樣式的圖標即可叨咖。如果一定需要修改瘩例，可以參見 Widget.Design.TextInputLayout 中的設定進行修改。
4甸各、使用輸入限制長度提示
TIL 也可以設定當前輸入的字符長度垛贤，以及限定的字符長度。
相關(guān)屬性和方法：
- app:counterEnabled：設置輸入限制長度是否顯示痴晦。
- app:counterMaxLength：設置最大輸入字符長度南吮。
- app:counterEnabled：設置輸入字符提示是否顯示。
- app:counterTextAppearance：設置輸入字符長度提示的樣式誊酌。
- setCounterEnabled()：設置長度顯示是否顯示部凑。
可以單獨使用 counterEnabled 露乏，也可以配合 counterMaxLength 使用。
TIL 對輸入支付長度的限制提示涂邀，如果超過 counterMaxLength 的限制瘟仿，只是會變色提示，但是并不會讓阻止用戶繼續(xù)輸入比勉。
5劳较、修改樣式
默認的樣式其實已經(jīng)夠我們使用了，除了使用對應屬性的 xxxTextAppearance 對其最終使用的 TextView 進行設定樣式外浩聋。還可以在style 中观蜗，統(tǒng)一設定，具體每個屬性的格式衣洁，可以參考Widget.Design.TextInputLayout 中的設定墓捻。
四、TextInputLayout細節(jié)探究
之前就說過坊夫，雖然 MD 的設計很酷炫砖第，但是實際上，我們在學習它的使用過程中环凿，有一些它設計上的優(yōu)點梧兼，值得我們學習，這才是精髓部分智听。
看看上面介紹的 TIL 的一些特性的設置來看看他們具體是如何實現(xiàn)的羽杰。
首先先讓我們看看最終顯示出來的布局結(jié)構(gòu)。
可以看到瞭稼，雖然在我們設定的布局中忽洛，看著 EditText 是 TextInputLayot 的直接子 View 腻惠，但是從源碼上看环肘，在 TIL 中，會使用一個 FrameLayout 類型的 mInputFrame集灌，將其添加到 TIL 中悔雹。
而真正遇到 EditText 的時候，卻將其攔截下來欣喧，再添加到這個 mInputFrame 布局中腌零。
那么接下來看看 hint 屬性的效果是如何實現(xiàn)的。
從布局結(jié)構(gòu)上看唆阿，hint 的文字益涧，是直接 draw 到 TIL 上的，所以它并不是和其他效果一樣是用 TextView 堆起來的驯鳖。
繼續(xù)源碼中找蛛絲馬跡闲询。
可以看到久免，如果 hint 需要被顯示，將會把具體的實現(xiàn)扭弧，托管給 mCollapsingTextHelper 來處理 hint 效果的邏輯阎姥，這里就不繼續(xù)跟下去了，有興趣的可以找出來看看鸽捻。
從上面布局結(jié)構(gòu)可以看到呼巴，除了 mInputFrame 之外，還有一個 LinearLayout 的布局御蒲，它用于承載 mErrorView(錯誤提示) 和 mCounterView（輸入計數(shù)）衣赶。
這個 LinearLayout 就是 mIndicatorArea。當 mErrorView 被使用完之后厚满，也有對應的代碼邏輯將其從 mIndicatorArea 中移除掉屑埋。
到這里，TIL 的關(guān)鍵設計點就已經(jīng)清楚了痰滋，它不像外部看到的布局那樣摘能，直接使用 EditText ，而是對其進行多個布局的包裝敲街，讓不同的功能單獨拆分出來去實現(xiàn)团搞。
五、結(jié)語
到這里就結(jié)束了多艇，之后再繼續(xù)介紹 Support Design 里的其它控件逻恐。
