Design Support Library —— TextInputLayout

此次Google I/O 2015为开发者提供了一个名为Android Design Support Library的新库，带来了一些重要的Material Design风格的控件。本文主要介绍TextInputLayout控件。

TextInputLayout是一个用于在EditText上显示floating效果的辅助控件，其效果与扔物线的MaterialEditText效果相似。即当EditText没有输入时，hint文字显示在EditText内，当EditText获得焦点后hint文字变显示在输入框上方。

使用

想要使用TextInputLayout需要先导入library。
Android Studio中只需要添加

compile ‘com.android.support:design:22.2.0’

而eclipse中需要将Android Design Support Library先import到workspace中，并添加android-support-v7-appcompat支持，再将Android Design Support Library作为library导入项目中。需要注意的是使用的android版本需要用android5.1.1，如果使用android2.2，那么进入应用的时候会提示xml不能解析TextInputLayout的情况。

然后，我们就可以在项目中使用它了。在xml文件中定义如下

  <android.support.design.widget.TextInputLayout
                android:id="@+id/login_til_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:errorEnabled="true"
                app:hintTextAppearance="@style/FloatingStyle" >

                <EditText
                    android:id="@+id/login_et_name"
                    android:layout_width="match_parent"
                    android:layout_height="38dp"
                    android:background="@drawable/et_login_bg"
                    android:hint="@string/account_hint"
                    android:inputType="textEmailAddress"
                    android:padding="5dp"
                    android:singleLine="true"
                    android:textColorHint="@android:color/white" />
 </android.support.design.widget.TextInputLayout>

app:hintTextAppearance=”@style/FloatingStyle” 用于设置floating字体的样式。

  <style name="FloatingStyle" parent="@android:style/TextAppearance">
        <item name="android:textColor">#e0ffffff</item>
        <item name="android:textSize">12sp</item>
  </style>

TextInputLayout可以使用setError()方法在输入框下方显示错误信息，用途类似EditText的setError()。同样的，在xml中可以使用app:errorTextAppearance来设置错误信息的字体样式。

坑

需要特别说明的是使用TextInputLayout还是有个别坑需要我们注意的。
1.在EditText中使用 android:textColorHint=”@android:color/white” 是没有效果的。textColorHint会根据theme的颜色来显示，所以这里只用通过设置activity的style中的textColorHint来更改hint的颜色。

2.连续调用setError()可能会出现问题，例如：

textInputLayout.setError(null);
textInputLayout.setError("error");

这个时候TextInputLayout不会显示错误信息。

总结

TextInputLayout使用起来比较简单，效果也不错，当然几个小坑也需要留意。