Zaprojektuj Android EditText, aby wyświetlać komunikat o błędzie zgodnie z opisem Google

Potrzebuję pliku, EditTextktóry wygląda następująco: onError:

Zamiast tego wywołanie onError wygląda tak:

Uwaga: aplikacja działa na SDK 19 (4.4.2)

min SDK to 1

Czy istnieje metoda podobna do setError, która robi to automatycznie, czy też muszę napisać do niej kod?

Dziękuję Ci

Nie ma potrzeby korzystania z biblioteki innej firmy, ponieważ Google wprowadził TextInputLayoutjako część design-support-library.

Idąc za podstawowym przykładem:

Układ

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

Uwaga: ustawienie app:errorEnabled="true"jako atrybutu TextInputLayoutnie spowoduje zmiany rozmiaru po wyświetleniu błędu - więc w zasadzie blokuje spację.

Kod

W celu wykazania błędów poniżej EditTextwystarczy wezwanie #setErrorna TextInputLayout(nie na dziecko EditText):

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

Wynik

Aby ukryć błąd i zresetować odcień, po prostu zadzwoń til.setError(null).

Uwaga

Aby z niego skorzystać TextInputLayout, musisz dodać do swoich build.gradlezależności:

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

Ustawianie koloru niestandardowego

Domyślnie linia EditTextbędzie czerwona. Jeśli chcesz wyświetlić inny kolor, możesz użyć następującego kodu, gdy tylko zadzwonisz setError.

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

Aby to wyczyścić, po prostu wywołaj clearColorFilterfunkcję, na przykład:

editText.getBackground().clearColorFilter();

Zadzwoń myTextInputLayout.setError()zamiast myEditText.setError().

Te kontenery i zabezpieczenia mają podwójną funkcjonalność przy ustawianiu błędów. Funkcjonalność, której potrzebujesz, to funkcja kontenera. Ale do tego możesz potrzebować minimalnej wersji 23.

Twój EditTextpowinien być zapakowany wTextInputLayout

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

Aby otrzymać komunikat o błędzie, taki jak chcesz, ustaw błąd na TextInputLayout

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

Należy dodać zależność biblioteki obsługi projektu. Dodaj tę linię do swoich zależności gradle

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

Odpowiedź reVerse jest świetna, ale nie wskazała, jak usunąć pływającą etykietkę błędu

Musisz edittext.setError(null)to usunąć.
Poza tym, jak ktoś zauważył, nie potrzebujeszTextInputLayout.setErrorEnabled(true)

Układ

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

Kod

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

Jeśli ktoś nadal napotyka błąd podczas korzystania z biblioteki projektów Google, jak wspomniano w odpowiedzi, użyj tego jako komentarza @h_k, który jest -

Zamiast wywoływać setError w TextInputLayout , możesz używać setError w samym 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();
            } 
}
}