El Arsenal de Android: Ingresando tu contraseña

Una vista personalizada para ingresar un código que normalmente se usa en la autenticación. Diferentes tipos de OTPView. Fácil de usar y configurar su pantalla y fuente OTP utilizando todos los atributos.

  • Pantalla OTP sencilla
  • Cuadro OTPView
  • Enfatizar OTPView
  • Podemos gestionar nuestra OTPount
  • Podemos gestionar el color de fuente OTP.
  • Podemos gestionar el tamaño de fuente OTP.
  • También podemos gestionar el color del borde de OTPView.
  • Podemos habilitar y deshabilitar la visibilidad de los caracteres OTP.
  • Podemos personalizar sus fuentes OTP usando atributos
  • Si hemos ingresado una longitud de OTP incorrecta, no se podrá hacer clic en el botón
OTPView simple con carácter de punto Cuadro OTPView con carácter de punto
Subrayar OTPView con carácter de punto OTPView simple con carácter de estrella
Cuadro OTPView con carácter de estrella Subrayar OTPView con el carácter de asterisco

¿Cómo utilizar la biblioteca?

  • Usando Compose Simplemente use la función componible OtpView donde necesita mostrar la vista

OtpView( otpText = otpValue, onOtpTextChange = { otpValue = it }, tipo = OTP_VIEW_TYPE_NONE, contraseña = verdadero, contenedorSize = 48.dp, contraseñaChar = “•”, KeyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number), charColor = Color.White )

A continuación, en su código cree la función componible OtpView como se muestra a continuación:

fun OtpView( modificador: Modificador = Modificador, otpText: String = “”, charColor: Color = Color.Black, charBackground: Color = Color.Transparent, charSize: TextUnit = 16.sp, ictusColor: Color = Color.Black, contenedorSize: Dp = charSize.value.dp * 2, otpCount: Int = 4, tipo: Int = OTP_VIEW_TYPE_UNDERLINE, habilitado: booleano = verdadero, contraseña: booleano = falso, contraseñaChar: String = “”, KeyboardOptions: KeyboardOptions = KeyboardOptions(keyboardType = KeyboardType .Number), onOtpTextChange: (Cadena) -> Unidad)

Todos los atributos


Atributo Descripción
colorcarbón Para cambiar el color de fuente otp.
tamañocarácter Establezca un tamaño de fuente personalizado.
tamaño de contenedor Para cambiar el tamaño del contenedor de fuente otp.
otpContar Establezca un rango personalizado de caracteres otp.
contraseña Mostrar/ocultar personajes otp.
contraseñaChar Establezca un carácter personalizado para la contraseña otp.
color del trazo Establezca un color personalizado en el borde del contenedor.
chico Para la personalización hemos creado tres tipos:
1. OTP_VIEW_TYPE_NONE
2. OTP_VIEW_TYPE_UNDERLINE
3. OTP_VIEW_TYPE_BOX
Opciones de teclado Configure el teclado personalizado que necesita.

Documentación oficial

¿Le parecen útiles estos ejemplos? ❤️

Apóyalo uniéndote observadores de estrellas para este repositorio.⭐

Como contribuir????

Ya sea que nos esté ayudando a corregir errores, mejorar la documentación o solicitar una función, ¡nos encantaría tenerlo a bordo! ???? Mira el nuestro guía de colaboración para obtener ideas sobre cómo contribuir.

Errores y comentarios

Para errores, solicitudes de funciones y discusiones, utilice Problemas de GitHub.

Fantásticas bibliotecas móviles

Licencia

Copyright 2022 Simform Solutions con licencia Apache, Versión 2.0 (la “Licencia”); no puede utilizar este archivo excepto de acuerdo con la Licencia. Puede obtener una copia de la Licencia en http://www.apache.org/licenses/LICENSE-2.0 A menos que lo exija la ley aplicable o se acuerde por escrito, el software distribuido bajo la Licencia se distribuye “TAL CUAL”, SIN GARANTÍAS. O CONDICIONES DE NINGÚN TIPO, expresas o implícitas. Consulte la Licencia para conocer el idioma específico que rige los permisos y limitaciones de la Licencia.

Compruebe también

La primera vista previa para desarrolladores de Android 15

Publicado por David BurkeVicepresidente de Ingeniería Hoy lanzamos la primera vista previa para desarrolladores de …

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *