android - style - TextInputLayout no muestra la sugerencia EditText antes de que el usuario se centre en ella

textinputedittext example

Question

Estoy usando la Biblioteca de soporte de diseño de Android recientemente lanzada para mostrar una etiqueta flotante con EditTexts. Pero me enfrento al problema de que la sugerencia en EditText no se muestra cuando se procesa la interfaz de usuario, pero veo la sugerencia después de enfocarme en EditTexts.

Mi diseño es el siguiente:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    <ScrollView
        android:id="@+id/ScrollView01"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="vertical">

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin">

            <android.support.design.widget.TextInputLayout
                android:id="@+id/name_et_textinputlayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/activity_vertical_margin">

                <EditText
                    android:id="@+id/FeedBackerNameET"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:hint="@string/feedbackname"
                    android:inputType="textPersonName|textCapWords" />
            </android.support.design.widget.TextInputLayout>

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

                <EditText
                    android:id="@+id/FeedBackerEmailET"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:hint="@string/feedbackemail"
                    android:inputType="textEmailAddress" />

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

            <Spinner
                android:id="@+id/SpinnerFeedbackType"
                android:layout_width="fill_parent"
                android:layout_height="48dp"
                android:layout_marginTop="@dimen/activity_vertical_margin"
                android:entries="@array/feedbacktypelist"
                android:prompt="@string/feedbacktype" />

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

                <EditText
                    android:id="@+id/EditTextFeedbackBody"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:hint="@string/feedbackbody"
                    android:inputType="textMultiLine|textCapSentences"
                    android:lines="5" />

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

            <CheckBox
                android:id="@+id/CheckBoxFeedBackResponse"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/activity_vertical_margin"
                android:text="@string/feedbackresponse" />

            <Button
                android:id="@+id/ButtonSendFeedback"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/activity_vertical_margin"
                android:text="@string/feedbackbutton" />
        </LinearLayout>
    </ScrollView>

</FrameLayout>

<View
    android:layout_width="match_parent"
    android:layout_height="5dp"
    android:background="@drawable/toolbar_shadow" />
</FrameLayout>

También intenté establecer una pista para TextInputLayout usando el método setHint pero no setHint suerte.

mNameTextInputLayout = (TextInputLayout) v.findViewById(R.id.name_et_textinputlayout);
mNameTextInputLayout.setErrorEnabled(true);
mNameTextInputLayout.setHint(feedBackerNameET.getHint());

mEmailTextInputLayout = (TextInputLayout) v.findViewById(R.id.email_textinputlayout);
mEmailTextInputLayout.setErrorEnabled(true);
mEmailTextInputLayout.setHint(feedBackerEmail.getHint());

mBodyTextInputLayout = (TextInputLayout) v.findViewById(R.id.body_textinputlayout);
mBodyTextInputLayout.setErrorEnabled(true);
mBodyTextInputLayout.setHint(feedBackBody.getHint());

Answer 1

El problema es el color de la pista. Se vuelve blanco al escribir algo. Cambie el color de la pista o cambie el color de fondo. Verá la pista mientras escribe.

Answer 2

Encontré algo diferente.

Al configurar el estilo para el fragmento,

f1.setStyle (DialogFragment.STYLE_NO_FRAME, android.R.style.Theme_DeviceDefault_Light);

El error desapareció cuando probé diferentes estilos que "Theme_DeviceDefault_Dialog".

Darle una oportunidad.

Answer 3

Ese es un code.google.com/p/android/issues/… de la biblioteca de diseño de Android. Ha sido aceptado y asignado .

Por lo tanto, debería tener esto solucionado en la próxima versión de la biblioteca de diseño de Android.

Mientras tanto, puedes ver el rastreador de problemas para una solución hacky que podría publicarse allí, pero no sé nada por ahora.

Y sí, solo afecta a Lollipop y superior.

Answer 4

Establezca un color de pista que contraste con el fondo EditText.

<item name="android:textColorHint">#FF424242</item>

Relacionado:
setHintTextColor () en EditText
Cambie el color de la pista EditText cuando use TextInputLayout
Cómo cambiar el color de la etiqueta flotante de TextInputLayout

Answer 5

Este problema se resuelve en v23.0.1 de la biblioteca de diseño de soporte. También actualicé mi appcompat-v7 a 23.0.1 , compileSdkVersion a 23 y buildToolsVersion a 23.0.1 en build.gradle .

android {    
compileSdkVersion 23
buildToolsVersion "23.0.1"
}

dependencies {
compile ''com.android.support:appcompat-v7:23.0.1''
compile ''com.android.support:design:23.0.1''
}

Answer 6

Este problema se solucionó en la versión 22.2.1

Answer 7

Esto funciona para mí en Design Library 23.1.1:

Establezca el color de la pista en los atributos xml de TextInputLayout:

    <android.support.design.widget.TextInputLayout
        ....
        android:layout_margin="15dp"
        android:textColorHint="@color/hintColor"
        android:layout_width="match_parent"
        ...

Answer 8

Hay una solución simple para esto, ya que esto funcionó para mí

<android.support.design.widget.TextInputLayout
    android:id="@+id/activity_login_til_password"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="27dp"
    android:layout_marginTop="24dp"
    android:padding="10dp"
    app:passwordToggleEnabled="true"
    app:passwordToggleTint="#000000"
    app:passwordToggleDrawable="@drawable/passwordviewtoggleselector"
    android:theme="@style/Base.TextAppearance.AppCompat">
      <!---- add this line and theme as you need ----->
    <android.support.design.widget.TextInputEditText
        android:id="@+id/activity_login_et_password"
        android:layout_width="match_parent"
        android:layout_height="58dp"
        android:hint="Password"
        android:inputType="textPassword"
        android:padding="10dp"
        android:textColor="#f5ab3a"
        android:textColorHint="#e6d2d1cf"
        android:textSize="20dp" />

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

Simplemente agregue android: theme = "@ style / Base.TextAppearance.AppCompat" al TextEditLayout y debería funcionar y puede cambiar el tema según lo necesite.

Answer 9

Parece que este problema aparece cuando configura onFousListener en EditText; intente extender EditText y admita múltiples onFocusListeners

Answer 10

Problema resuelto: vaya a build.gradle de su aplicación y verifique la biblioteca de diseño. compile ''com.android.support:design:22.2.1'' Debería ser 22.2.1 o más reciente.

Answer 11

Resolví mi problema con este código:

new Handler().postDelayed(
        new Runnable() {
            @Override
            public void run() {
                TextInputLayout til = (TextInputLayout) someParentView.findViewById(R.id.til);
                til.setHint("Your Hint Text");
                til.bringToFront();
            }
        }, 10);

La clave aquí es el bringToFront . Obliga a TextInputLayout a rehacer su dibujo, que no es lo mismo que invalidate() . Si está tratando de mostrar TextInputLayout en una view que tiene animations o tranistions , debe ejecutar el código anterior al final de la animation o transition . Solo asegúrese de que el código anterior se ejecute en el thread la interfaz de usuario.

Answer 12

Si está configurando su sugerencia EditText mediante programación, ¡no funcionaría! Debe configurar la sugerencia en TextInputLayout por sí mismo.

TextInputLayout textInputLayout = (TextInputLayout) findViewById(R.id.usernameTextInputLayout);
textInputLayout.setHint(getString(R.string.username_hint));

Aquí está el XML en caso de que se pregunte:

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

            <android.support.v7.widget.AppCompatEditText
                android:id="@+id/usernameEt"
                android:layout_width="match_parent"
                android:layout_height="@dimen/default_height"
                android:layout_marginEnd="@dimen/default_margin"
                android:layout_marginStart="@dimen/default_margin"
                android:maxLength="@integer/username"
                tools:hint="Username" />

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

Answer 13

Simplemente agregue: android:hint="your_hint" para TextInputLayout .

Answer 14

debe usar android.support.v7.widget.AppCompatEditText como EditText y establecer android:hint como a continuación

<android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
        <android.support.v7.widget.AppCompatEditText
                android:id="@+id/etx_first_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"                    
                android:inputType="text"
                android:hint="@string/hint_first_name"/>
    </android.support.design.widget.TextInputLayout>

Answer 15

Actualizar:

Este es un error que se ha solucionado en la versión 22.2.1 de la biblioteca.

Respuesta original

Como mencionó @shkschneider, este es un error conocido . El usuario de Github @ ljubisa987 publicó recientemente un Gist para una solución alternativa:

https://gist.github.com/ljubisa987/e33cd5597da07172c55d

Como se señaló en los comentarios, la solución solo funciona en Android Lollipop y versiones anteriores. No funciona en la Vista previa de Android M.

Answer 16

   <android.support.design.widget.TextInputLayout
            android:id="@+id/editText1"
            android:layout_margin="15dp"
            android:layout_centerVertical="true"
            android:layout_width="match_parent"

            android:layout_height="wrap_content">

              <AutoCompleteTextView
                android:id="@+id/editText"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:singleLine="true"
                android:hint="Add City" />

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

Use este fragmento de código. Asegúrese de que su actividad sea AppCompatActivity. Y la dependencia también está con las últimas versiones

compile ''com.android.support:appcompat-v7:22.2.0''
compile ''com.android.support:design:22.2.0''

Actualice el estudio de Android a la última versión. ver salida aquí