Android开发之TextInputLayout的简单使用(增强EditText)

前言：TextInputLayout是来增强EditText的，也是Google封装的很强大吧！从官方文档中可以看到TextInputLayout继承自LinearLayout，一般都是把EditText和它的子类包含在内，以便用户在输入文本时，且当提示文本被隐藏时显示一个浮动的标签。当然了它也支持通过setErrorEnabled(boolean)和setError(CharSequence)方法来显示错误提示，总之功能很强大效果很炫！但是目前来看，没看到有多少主流的app使用这一技术！算了不纠结了，接下来就由我带领大家来探讨一下TextInputLayout的用法。

-------------------分割线---------------------------

先看一下效果图：



-------------------分割线---------------------------

使用TextInputLayout之前一定要添加
design 依赖：

compile 'com.android.support:design:25.2.0'-------------------分割线---------------------------

使用起来也十分简单，来先看一下如何布局：
<android.support.design.widget.TextInputLayout
android:id="@+id/textInputLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:errorEnabled="true"
app:hintAnimationEnabled="true">

<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入用户名" />
</android.support.design.widget.TextInputLayout>-------------------分割线---------------------------

然后再看逻辑代码！
开启计数：textInputLayout.setCounterEnabled(true);

最大输入限制数：textInputLayout.setCounterMaxLength(10);

监听检测长度：textInputLayout.getEditText().addTextChangedListener(new ...），其中最关键的是要实现TextWatcher的接口，重写里面的回调方法，来实现监听长度！

看下效果图：



-------------------分割线---------------------------

具体来看下完整代码：

import android.support.design.widget.TextInputLayout;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;

public class MainActivity extends AppCompatActivity {

private TextInputLayout textInputLayout;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
textInputLayout = (TextInputLayout) findViewById(R.id.textInputLayout);
//检测长度应该低于6位数
textInputLayout.getEditText().addTextChangedListener(new MinLengthTextWatcher(textInputLayout, "长度应低于6位数!"));

//开启计数
textInputLayout.setCounterEnabled(true);
textInputLayout.setCounterMaxLength(10);//最大输入限制数
}

class MinLengthTextWatcher implements TextWatcher {

private TextInputLayout textInputLayout;
private String errorStr;

public MinLengthTextWatcher(TextInputLayout textInputLayout, String errorStr) {
this.textInputLayout = textInputLayout;
this.errorStr = errorStr;
}

@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
// 文字变化前回调
}

@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
// 文字变化回调
}

@Override
public void afterTextChanged(Editable s) {
// 文字变化后回调
if (textInputLayout.getEditText().getText().toString().length() <= 6) {
textInputLayout.setErrorEnabled(false);
} else {
textInputLayout.setErrorEnabled(true);
textInputLayout.setError(errorStr);
}
}
}
}-------------------分割线---------------------------
ok！我们下节开始讲解ToolBar。