TextInputLayout solo toma 3 minutos
Hola a todos, soy Soul Eater
Source Portal
TextInputLayout se encuentra en Material Design, si queremos usarlo debemos modificarlo en el Configuración del archivo gradle
En la documentación oficial de TextInputLayout, la API lo describe como un nuevo tipo de diseño heredado de LinearLayout, que nos permite usar solo un EditText o sus subclases. La API oficial de TextInputLayout lo describe como un nuevo tipo de diseño heredado de LinearLayout, lo que nos permite usarlo con solo un EditText o una subclase de EditText. Al configurar sugerencia y Error, se pueden mostrar etiquetas flotantes. A continuación, echemos un vistazo al archivo de diseño.
Usar TextInputLayout es realmente muy simple. Solo necesitamos usar el contenedor TextInputLayout y agregar un EditText. Es importante tener en cuenta que un TextInputLayout tiene solo un EditText.
Si queremos el efecto de etiquetas flotantes, solo podemos configurar el mensaje en TextInputLayout o EditText, pero no podemos configurar el atributo de mensaje en ambos si configuramos el atributo de mensaje tanto en TextInputLayout como en EditText. EditText no obtiene el foco, entonces se mostrará el mensaje (pero tenga en cuenta que los dos mensajes se superponen)
Si queremos desactivar la etiqueta flotante (que está activada de forma predeterminada), podemos agregar la siguiente oración
Para configurar la animación de transición entre mostrar y ocultar la etiqueta flotante (que está activada de forma predeterminada), puede configurarla de la siguiente manera
Si queremos agregar una recuento de palabras después de la columna de cuenta, por ejemplo, cuando la cuenta es una posición fija Al contar (como: ........................g., número de teléfono móvil), podemos permitir que el usuario vea la longitud de entrada actual, simplemente agregamos TextInputLayout
El valor predeterminado está desactivado, también podemos establecer la longitud máxima de la entrada.
Esta configuración no significa que los usuarios no puedan ingresar números de cuenta de más de 11 dígitos, pero utilizará colores para recordarles que se ha excedido la longitud establecida. setErro(null) cancela el mensaje de error. Podemos llamar a textInputEditText y setErro(null) escuchando addTextChangedListener
Es posible que hayamos visto que otras aplicaciones tienen un ícono? a la derecha de la contraseña, TextInputLayout nos proporciona esta función
Podemos usar nuestro propio ícono diseñado
contraseñaToggleTint se usa para agregar color al ícono
contraseñaToggleTintMode se usa para configurar el modo
Ahora, ¿cuánto tiempo tenemos? gastaste en esto?
Agregar en TextInputLayout
Agregar en TextInputLayout
A veces, cuando usamos el teclado virtual, después de ingresar el número de cuenta, hacemos clic en el siguiente elemento y el foco irá a Ir a la columna de entrada de contraseña Después de ingresar la contraseña, haga clic en el botón Aceptar para iniciar sesión. Cómo lograr esto. Cómo lograrlo.
Agregar el texto de edición de la cuenta
Agregar el texto de edición de la contraseña
Para optimizar el texto de edición de la cuenta, podemos usar AutoCompleteTextView para implementar mensajes automáticos .