创建具有错误提示的输入框

android no

如何添加

1,在你的build.gradle添加如下组件

dependencies {  
    compile 'com.android.support:appcompat-v7:X.X.X' // where X.X.X version
    compile 'com.android.support:design:X.X.X' // where X.X.X version
}

2,确保你的activity继承自android.support.v7.app.AppCompatActivity

public class MainActivity extends AppCompatActivity {  
    ...
}

3,声明你的EditText所在的布局文件,并且使其被TextInputLayout包括

<android.support.design.widget.TextInputLayout  
    android:id="@+id/inputLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:errorEnabled="true">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/First_name" />
</android.support.design.widget.TextInputLayout>  

4,显示或者隐藏错误消息

TextInputLayout inputLayout = (TextInputLayout) findViewById(R.id.inputLayout);  
inputLayout.setError("First name is required"); // show error  
inputLayout.setError(null); // hide error  

在TextInputLayout中声明app:errorEnabled="ture"属性就可以在EditText的下面显示错误信息了.除了使用TextInputLayout包裹TextView之外,我们还能后直接使用TextInputEditText控件

如何自定义样式

1,在你的style.xml文件中声明样式如下

<!--Error label text style-->  
<style name="MyErrorText" parent="TextAppearance.AppCompat.Small">  
    <item name="android:textColor">@color/pink</item>
</style>
<!--Input field style-->  
<style name="MyEditText" parent="Theme.AppCompat.Light">  
    <item name="colorControlNormal">@color/indigo</item>
    <item name="colorControlActivated">@color/pink</item>
</style>  

2,在你的TextInputLayout中通过app:errorTextApperance属性和通过给EditText设置android:theme属性来完成

<android.support.design.widget.TextInputLayout  
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:errorTextAppearance="@style/MyErrorText"
    app:errorEnabled="true">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/Title"
        android:theme="@style/MyEditText" />
</android.support.design.widget.TextInputLayout>