Conception Android EditText pour afficher de message d'erreur tel que décrit par google

J'ai besoin d'un EditText qui ressemble à ce onError:

appel onError ressemble à ceci à la place :

Conception Android EditText pour afficher de message d'erreur tel que décrit par google

Remarque: l'application est en cours d'exécution sur SDK 19 (4.4.2)

min SDK est 1

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

Merci

Vous êtes susceptibles d'être en mesure de le faire avec juste un EditText. Plus probablement, vous aurez besoin de quelque chose qui enveloppe EditText ou sinon ajoute à elle. Voir github.com/rengwuxian/MaterialEditText.

InformationsquelleAutor kmn | 2015-06-20

android android-edittext

295

Il n'y a pas besoin d'utiliser une bibliothèque tierce, depuis que Google a lancé le TextInputLayout dans le cadre de la design-support-library.

Suivante d'un exemple de base:

Mise en page
```
<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: Par la mise en app:errorEnabled="true" comme un attribut de la TextInputLayout cela ne va pas changer sa taille une fois un message d'erreur apparaît - il essentiellement des blocs de l'espace.

Code

Afin de montrer l'Erreur ci-dessous la EditText il vous suffit d'appeler #setError sur le 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 de réinitialiser la teinte appelez simplement til.setError(null).

Remarque

Afin d'utiliser le TextInputLayout vous devez ajouter les lignes suivantes à votre build.gradle dépendances:
```
dependencies {
    compile 'com.android.support:design:25.1.0'
}
```
Paramètre une couleur personnalisée

Par défaut, la ligne de la EditText sera 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 effacer, il suffit d'appeler la clearColorFilter fonction, comme ceci:
```
editText.getBackground().clearColorFilter();
```
- Oui ! Ça y est ! Comment faire pour que la ligne rouge bien ?
- Comment puis-je personnaliser le TextInputLayout ? (supposons que je voulais mouvement "Entrez votre nom" à la gauche et modifiez la Ligne de couleurs, etc...), Android documentation ne veut pas dire grand-chose (developer.android.com/reference/android/support/design/widget/...). Vous n'avez pas à me montrer comment faire tout, mais pourriez-vous svp m'indiquer une bonne référence, doc ?
- Prise de la ligne rouge n'est pas sortir de la boîte de sorte que vous devez faire sur votre propre. Voir mon edit. En termes d'évolution de l'Indice: C'est autant que je sache, pas possible.
- Chose intéressante est pas nécessaire de setErrorEnabled(true). lorsque vous implémentez seterror méthode de chaîne non null, setErrorEnabled(vrai) appelé automatiquement.
- après le réglage de la ligne rouge, comment faire pour supprimer la ligne rouge? J'ai essayé editText.getBackground().clearColorFilter(); editText.invalidate() mais cela ne fonctionne pas
- votre solution fonctionne très bien, mais seulement si votre activité s'étend de la classe d'Activité; il ne fonctionne pas en revanche si votre activité s'étend de la AppCompatActivity classe.
- C'est plus ou moins improbable puisque chaque activité dispose d'étendre AppCompatActivity pour "utiliser" le appcompat de "fonctionnalité".
- pas si sûr que voulez-vous dire exactement par "utiliser le appcompat fonctionnalité" comme je l'avais votre travail de place sur l'extension de l'Activité, avec un EditText enveloppé par TextInputLayout fournis par l'Appui de la Conception 23.1.0. Le problème était sur 4.4.4 une fois l'extension AppCompatActivity au lieu de cela, le réglage de la ligne de fond de couleur via editText.getBackground().setColorFilter() ne fonctionnait plus. J'ai trouvé une solution de contournement dans ce cas, la définition de l'app:thème de la TextInputLayout, et là, j'ai: <style name="OwnTheme"> <item name="colorControlActivated">@couleur/propre</item> </style> qui contrôle le fond de couleur "normal".
- J'ai été juste en train de dire qu'il devrait travailler lorsque vous êtes en étendant AppCompatActivity. Néanmoins: Que de appcompat-v23 il n'est pas nécessaire de définir la colorFilter plus, dès que vous appelez textInputLayout.setError("Error messsage") la couleur de la EditText devrait virer au rouge. Pour le réinitialiser, il suffit d'appeler textInputLayout.setError(null).
- et j'ai été juste essayer de vous dire que la définition de la ligne de fond (pas le texte) de la couleur que vous expliquer les oeuvres si, et seulement si vous prolongez l'Activité, mais il ne fonctionne pas pour AppCompatActivity. Aussi, dans mon cas, le rouge est ma couleur primaire, j'ai donc besoin de définir l'erreur de la couleur à une autre couleur, mais le rouge, donc pour moi je l'ai encore besoin.
- editText.getBackground().setColorFilter(getResources().getColor(R.color.red_500_primary), PorterDuff.Mode.SRC_ATOP); n'est plus nécessaire avec la dernière bibliothèque de prise en charge
- C'est vrai. Je vais modifier mon post.
- Merci beaucoup!
- Je voulais juste de noter, étant donné que c'est un petit détail - j'ai eu ce problème en appelant setError sur le EditText, pas la TextInputLayout. J'ai vu cette réponse et ne pouvait toujours pas à comprendre ce que j'avais besoin de changer. Chose très facile à manquer.
- Un inconvénient d'attacher le message d'erreur à l'TextInputLayout est qu'il exige plus de la disposition verticale de l'espace. Dans mon cas, il serait bien d'avoir un moyen facile de modifier la couleur de fond de l'EditText message d'erreur de noir. Quelqu'un a une solution simple?
- great post. est-ce que le support pour la variable message d'erreur ?
- Pouvez-vous expliquer ce que vous entendez par "variable message d'erreur"?
- Qu'aimeriez-vous faire lorsque vous essayez de l'utiliser pour un EditTextPreference?
InformationsquelleAutor reVerse

Votre EditText doit être enveloppé dans un TextInputLayout

<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 tu le voulais, ensemble d'erreur à TextInputLayout

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

Vous devez ajouter de la conception de la bibliothèque de prise en charge de la dépendance. Ajoutez cette ligne dans votre gradle dépendances

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

InformationsquelleAutor aqel

4

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

Ces conteneurs et de confinement ont une double fonctionnalité sur des erreurs de configuration. La fonctionnalité dont vous avez besoin est du conteneur de un. Mais vous pourriez avoir besoin de version minimale de 23 pour que.

InformationsquelleAutor Zon

inverse de la réponse est grand, mais il n'a pas de point comment faire pour supprimer l'flottant erreur info-bulle genre de chose

Vous aurez besoin edittext.setError(null) de l'enlever.

Aussi, comme quelqu'un l'a souligné, vous n'avez pas besoin TextInputLayout.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);

InformationsquelleAutor ericn

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

setErrorEnabled pas nécessaire

InformationsquelleAutor Max Bazaleev

0

Si quelqu'un s'est toujours confronté à l'erreur avec l'aide de google est la conception de la bibliothèque comme mentionné dans la réponse, puis, veuillez utiliser ce comme indiqué par @h_k qui est -

Au lieu de l'appeler setError sur TextInputLayout, Vous utilisez peut-être setError sur EditText lui-même.

InformationsquelleAutor B.shruti

Vous devez vous connecter pour publier un commentaire.

Mise en page

Code

Résultat

Remarque

Paramètre une couleur personnalisée