Concevez Android EditText pour afficher le message d'erreur comme décrit par Google

J'ai besoin d'un EditTextqui ressemble à ceci onError:

appeler onError ressemble à ceci à la place:

Remarque: l'application fonctionne sur le SDK 19 (4.4.2)

SDK min est 1

Existe-t-il une méthode similaire à setError qui fait cela automatiquement ou dois-je écrire le code pour cela?

Je vous remercie

Il n'est pas nécessaire d'utiliser une bibliothèque tierce puisque Google a introduit le TextInputLayoutdans le cadre du design-support-library.

En suivant un exemple basique:

Disposition

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

    <android.support.design.widget.TextInputEditText
        android:id="@+id/edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Enter your name" />

</android.support.design.widget.TextInputLayout>

Remarque: en définissant app:errorEnabled="true"comme attribut de TextInputLayout, sa taille ne changera pas une fois qu'une erreur est affichée - donc cela bloque essentiellement l'espace.

Code

Afin d'afficher l'erreur ci-dessous, EditTextvous devez simplement appeler #setErrorle TextInputLayout(PAS sur l'enfant EditText):

TextInputLayout til = (TextInputLayout) findViewById(R.id.text_input_layout);
til.setError("You need to enter a name");

Résultat

Pour masquer l'erreur et réinitialiser la teinte, appelez simplement til.setError(null).

Remarque

Pour utiliser le, TextInputLayoutvous devez ajouter les éléments suivants à vos build.gradledépendances:

dependencies {
    compile 'com.android.support:design:25.1.0'
}

Définition d'une couleur personnalisée

Par défaut, la ligne du EditTextsera rouge. Si vous avez besoin d'afficher une couleur différente, vous pouvez utiliser le code suivant dès que vous appelez setError.

editText.getBackground().setColorFilter(getResources().getColor(R.color.red_500_primary), PorterDuff.Mode.SRC_ATOP);

Pour l'effacer, appelez simplement la clearColorFilterfonction, comme ceci:

editText.getBackground().clearColorFilter();

Appelez myTextInputLayout.setError()au lieu de myEditText.setError().

Ces conteneurs et confinements ont une double fonctionnalité sur les erreurs de réglage. La fonctionnalité dont vous avez besoin est celle de Container. Mais vous pourriez avoir besoin d'une version minimale de 23 pour cela.

Votre EditTextdevrait être enveloppé dans unTextInputLayout

<android.support.design.widget.TextInputLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:id="@+id/tilEmail">

    <EditText
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:inputType="textEmailAddress"
        android:ems="10"
        android:id="@+id/etEmail"
        android:hint="Email"
        android:layout_marginTop="10dp"
        />

</android.support.design.widget.TextInputLayout>

Pour obtenir un message d'erreur comme vous le souhaitez, définissez erreur sur TextInputLayout

TextInputLayout tilEmail = (TextInputLayout) findViewById(R.id.tilEmail);
if (error){
    tilEmail.setError("Invalid email id");    
}

Vous devez ajouter une dépendance de bibliothèque de support de conception. Ajoutez cette ligne dans vos dépendances gradle

compile 'com.android.support:design:22.2.0'

La réponse de reVerse est excellente, mais elle n'a pas indiqué comment supprimer l'info-bulle d'erreur flottante

Vous devrez edittext.setError(null)supprimer cela.
De plus, comme quelqu'un l'a souligné, vous n'avez pas besoinTextInputLayout.setErrorEnabled(true)

Disposition

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <EditText
        android:id="@+id/edittext"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Enter something" />
</android.support.design.widget.TextInputLayout>

Code

TextInputLayout til = (TextInputLayout) editText.getParent();
til.setError("Your input is not valid...");
editText.setError(null);

TextInputLayout til = (TextInputLayout)editText.getParent();
til.setErrorEnabled(true);
til.setError("some error..");

Si quelqu'un est toujours confronté à l'erreur en utilisant la bibliothèque de conception de Google comme mentionné dans la réponse, veuillez l'utiliser comme indiqué par @h_k, qui est -

Au lieu d'appeler setError sur TextInputLayout , vous pouvez utiliser setError sur EditText lui-même.

private EditText edt_firstName;
private String firstName;

edt_firstName = findViewById(R.id.edt_firstName);

private void validateData() {
 firstName = edt_firstName.getText().toString().trim();
 if (!firstName.isEmpty(){
//here api call for ....
}else{
if (firstName.isEmpty()) {
                edt_firstName.setError("Please Enter First Name");
                edt_firstName.requestFocus();
            } 
}
}