Entwerfen Sie Android EditText so, dass die von Google beschriebene Fehlermeldung angezeigt wird

Ich brauche eine EditText, die so aussieht onError:

Das Aufrufen von onError sieht stattdessen so aus:

Hinweis: Die App läuft auf SDK 19 (4.4.2)

min SDK ist 1

Gibt es eine ähnliche Methode wie setError, die dies automatisch ausführt, oder muss ich den Code dafür schreiben?

Danke dir

Es ist nicht erforderlich, eine Drittanbieter-Bibliothek zu verwenden, da Google diese TextInputLayoutals Teil der Bibliothek eingeführt hat design-support-library.

Nach einem einfachen Beispiel:

Layout

<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>

Hinweis: Wenn Sie app:errorEnabled="true"als Attribut für TextInputLayoutfestlegen, wird die Größe nicht geändert, sobald ein Fehler angezeigt wird. Dadurch wird der Platz im Grunde genommen blockiert.

Code

Um den Fehler unter EditTextanzuzeigen, müssen Sie nur #setErrordie TextInputLayout(NICHT das Kind EditText) anrufen :

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

Ergebnis

Um den Fehler auszublenden und den Farbton zurückzusetzen, rufen Sie einfach an til.setError(null).

Hinweis

Um das zu verwenden TextInputLayout, müssen Sie Ihren build.gradleAbhängigkeiten Folgendes hinzufügen :

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

Festlegen einer benutzerdefinierten Farbe

Standardmäßig ist die Zeile von EditTextrot. Wenn Sie eine andere Farbe anzeigen müssen, können Sie den folgenden Code verwenden, sobald Sie anrufen setError.

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

Um es zu löschen, rufen Sie einfach die clearColorFilterFunktion wie folgt auf:

editText.getBackground().clearColorFilter();

Anruf myTextInputLayout.setError()stattmyEditText.setError() .

Diese Container und Containments verfügen über doppelte Funktionen zum Festlegen von Fehlern. Die Funktionalität, die Sie benötigen, ist die eines Containers. Dafür könnten Sie jedoch eine minimale Version von 23 benötigen.

Sie EditTextsollten in ein eingewickelt seinTextInputLayout

<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>

Um eine gewünschte Fehlermeldung zu erhalten, setzen Sie error auf TextInputLayout

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

Sie sollten die Abhängigkeit der Designunterstützungsbibliothek hinzufügen. Fügen Sie diese Zeile in Ihre Gradle-Abhängigkeiten ein

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

Die Antwort von reVerse ist großartig, aber es wurde nicht darauf hingewiesen, wie der Tooltip für schwebende Fehler entfernt werden kann

Sie müssen edittext.setError(null)das entfernen.
Auch, wie jemand betonte, brauchen Sie nichtTextInputLayout.setErrorEnabled(true)

Layout

<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..");

Wenn immer noch jemand den Fehler bei der Verwendung der in der Antwort erwähnten Google-Designbibliothek hat, verwenden Sie diese bitte wie von @h_k kommentiert.

Anstatt setError in TextInputLayout aufzurufen , verwenden Sie möglicherweise setError in EditText .

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();
            } 
}
}