textinputlayout_pic.png

Layout which wraps an EditText (or descendant) to show a floating label when the hint is hidden due to the user inputting text.

TextinputLayout 在內(nèi)部嵌套一個(gè) EditText ，并展示一個(gè)浮動(dòng)的標(biāo)簽，標(biāo)簽會(huì)在用戶輸入的時(shí)候移動(dòng)到 EditText 上方。

我在這里簡單的記錄一下 TextInputLayout 的用法

添加依賴

dependencies{
    compile ‘com.android.support:appcompat-v7:25.0.1’
    compile ‘com.android.support:design:25.0.1'
}

設(shè)置相關(guān)屬性

• 開啟浮動(dòng)標(biāo)簽
  在 TextinputLayout 中加入 hint 屬性
• 關(guān)閉浮動(dòng)標(biāo)簽
  app:hintEnable=“true | false”
• 浮動(dòng)標(biāo)簽動(dòng)畫
  app:hintAnimationEnable=“true | false”
• 自定義浮動(dòng)標(biāo)簽

 <style name=“hintAppearence” parent=“TextAppearance.AppCompat”>
     <item name=“android:textSize”>14sp</item>
     <item name=“android:textColor”>#00ff00</item>
 </style>
在 TextinputLayout 中加入 app:hintAppearance=“@style/hintAppearence"

• 在 EditText 下顯示字?jǐn)?shù)統(tǒng)計(jì)
  app:counterEnable=“true”
  app:counterMaxLength=“11”. //超過 11 位后換顏色
• 顯示密碼:
  app:passwordToggleEnable=“true”
  換圖標(biāo)：app:passwordToggleDrawable=“@mipmap/ic_launcher”
  加顏色：app:passwordToggleTint=“@color/colorBlue”
  設(shè)置模式：app:passwordToggleMode=“screen | src_in | src_atop | src_over | multiply”

設(shè)置錯(cuò)誤提示

setError: 設(shè)置錯(cuò)誤提示信息
setErrorEnable: 開啟錯(cuò)誤提示功能
直接調(diào)用 setError，會(huì)自動(dòng)調(diào)用 setErrorEnable
自定義錯(cuò)誤提示樣式

<style name=“errorAppearance” parent=“TextAppearance.AppCompat” >
    <item name=“android:textSize”>14sp</item>
    <item name=“android:textColor”>@color/colorBlue</item>
</style>

在 TextinputLayout 中加入自定義的錯(cuò)誤提示樣式

app:errorTextAppearance=“@style/errorAppearance"

Java 代碼實(shí)現(xiàn)：

public void onClick(View v){
    String username = usernameTextinputlayout.getEditText().getText().toString();
    String password = passwordTextinputLayout.getEditText().getText().toString();
    If(username == “”){
        usernameTextinputLayout.setError(“用戶名不能為空”);
    }else if(password == “”){
        passwordTextinputLayout.setError(“密碼不能為空”);
    }else{
        usernameTextinputLayout.setErrorEnable(false);
        passwordTextinputLayout.setErrorEnable(false);
    }
}

修改樣式

• 默認(rèn)情況下 TextinputLaylout 控件的顏色是 當(dāng)前 Style 下 colorAccent 設(shè)置的，所以修改 style 下 colorAccent 的值即可.
• 修改光標(biāo)樣式 :
  隱藏光標(biāo) : android:cursorVisible.
  光標(biāo)樣式 : android:textCursorDrawable. 為空時(shí)，光標(biāo)顏色和文字顏色一致
  在 drawable 下創(chuàng)建 cursor_color.xml

<shape android:shape=“rectangle">
    <size android:width=“1dp”/>
    <solid android:color=“@color/colorBlue"/>
</shape>

隱藏下劃線 : android:background=“@null"

參考：
https://segmentfault.com/a/1190000009507919r

歡迎關(guān)注我的博客、簡書、CSDN、GitHub