Cómo utilizar TextInputLayout en la nueva biblioteca de diseño de android

Recientemente, Google introdujo la nueva Biblioteca de diseño de Android en la forma de utilizar el campo TextInputLayout para habilitar la función Sugerencia flotante de EditText.

No hay mucha guía disponible aquí .

Esta página dice

Ahora se puede envolver en un TextInputLayout

Pero ninguna idea porque la predicción inteligente (Ctrl + SPACE) no predice ningún atributo a TextInputLayout. Así que mis preguntas son:

¿Cómo conseguimos el EditText subyacente a este componente?

¿Cómo podemos obtener datos de EditText?

TextInputLayout extiende la clase ViewGroup . Así que lo que significa que usted tiene que envolver su EditText en un TextInputLayout .

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

Esto se define en la biblioteca de soporte de diseño bajo "Etiquetas flotantes para editar texto".

  <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="hinttext" android:inputType="textPersonName|textCapWords" /> </android.support.design.widget.TextInputLayout> 

EditText el TextInputLayout alrededor de TextInputEditText lugar de EditText .

Envolver alrededor de EditText tiene problema en modo horizontal. Consulte este artículo para obtener más detalles.

 <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.design.widget.TextInputEditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="hint" android:id="@+id/editText1" /> </android.support.design.widget.TextInputLayout> 
 <android.support.design.widget.TextInputLayout android:id="@+id/til_message" android:layout_width="match_parent" android:layout_height="wrap_content"> <EditText android:id="@+id/et_message" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/type_message" android:maxLines="5"/> </android.support.design.widget.TextInputLayout> 

La indirecta cambiará automáticamente hacia arriba una vez que usted comience a mecanografiar en el texto de la edición y tener esos errores que aparecen debajo de corrige el ajuste del texto error en la disposición de entrada de texto como esto no en el texto de la edición

 tilMessage.setError("Message field is empty!"); 

Deshabilitar el error

 tilMessage.setErrorEnabled(false); 

Para que esto funcione bien, debe dejar que el tema de la aplicación se extienda desde Theme.AppCompat (o su descendiente), como se extiende desde Theme.AppCompat.Light.NoActionBar .

Podemos usar AppCompactEditText también para esta necesidad de añadir soporte: appcompat en gradle

  <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="20dp"> <android.support.v7.widget.AppCompatEditText android:id="@+id/et_name" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/hint" android:maxLength="100" android:inputType="textNoSuggestions" android:textColor="@color/colorPrimary" android:textSize="@dimen/font_size_large" /> </android.support.design.widget.TextInputLayout> 
  • Cómo deshabilitar el enfoque inmediato en TextInputLayout?
  • TabLayout estilo de pestaña
  • TextInputLayout enfoque automático
  • CollapsingToolbarLayout y TabLayout
  • Mostrar programaticamente la barra de herramientas después de ocultarlo mediante desplazamiento (Android Design Library)
  • Android TextInputField Error de inflador
  • Hoja de fondo de Android La altura de TextView no se ajusta al expandirse por primera vez
  • Pantalla inferior de pantalla completa con el botón Cerrar (X) en la parte superior
  • Cómo utilizar SwipeDismissBehavior.OnDismissListener en RecyclerView
  • Cómo cambiar el diseño de android biblioteca de soporte FAB Button color de la frontera?
  • Problema anidado de RecyclerView con AppBarLayout
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.