Abra Android Studio Cree un nuevo proyecto, seleccione una actividad vacía, luego proporcione el nombre de la autenticación, seleccione el idioma
kotlin, el sdk mínimo para api 21 o android 5.0, y finalice Espere hasta que finalice la compilación y muestre la clase
MainActivity que estaré importando activos de una carpeta al estudio de Android.
Puede descargar los activos para esto en la descripción
a continuación. Haga clic con el botón derecho en el directorio dibujable -> nuevo -> activo vectorial
-> seleccione el archivo local -> haga clic en la ruta.
Busque el icono que se importará desde los activos . el ícono de importación a todo Luego, el ícono originalmente se formateó svg en un xml Abra la carpeta donde se almacena la imagen de la ilustración ->
cópiela y péguela en el directorio dibujable Cree un nuevo directorio en el directorio res, haga clic derecho ->
nuevo -> seleccione el directorio -> proporcione el nombre de la fuente Abra la carpeta donde está almacenada la fuente -> cópiela y péguela
en el directorio de fuentes La fuente que se usará como tipo de fuente Luego guardaré algunos colores que se usarán con frecuencia Vayamos al tema.xml Cambie DarkActionBar a NoActionBar Además, cambie colorPrimary y colorPrimaryVariant a color primario ¡Los
activos están listos! Es hora de hacer el diseño a partir de
la página de inicio Abra activity_main.xml ¡
Vamos a crear una página de inicio y sigan siguiéndome! Elimine el TextView que todavía uso ConstraintLayout como diseño principal.
Dé color a color primario en el fondo y el relleno 20dp. A partir de agregar TextView, guardaré cada cadena en el recurso de cadena. Haga clic en alt + ctrl, seleccione extraer el recurso de cadena. Abra strings.xml y todo. las cadenas se almacenarán aquí Volver a acitivty_main.xml Agregar otro TextView Llamar a una cadena que se creó anteriormente Agregar una ilustración de imagen que se importó anteriormente Personalizaré el botón Abrir theme.xml Crear un estilo para el botón Crear un nuevo archivo en el directorio dibujable con el nombre de
bg_button Da el estilo que se ha creado anteriormente Ve a la segunda página que es la página de inicio de sesión
Crea LoginActivity haciendo clic en archivo -> nuevo ->
actividad -> selecciona actividad vacía -> Da el nombre de
LoginActivity -> terminar Abrir activity_login.xml Le daré un estilo al texto del título Y le daré estilo al texto del subtítulo A continuación, agregaré un TextInputLayout y TextInputEditText Crearé un estilo personalizado para TextInputLayout y
TextInputEditText Copie y pegue el TextInputLayout y TextInputEditText Cambie algunos de los atributos Crearé un estilo personalizado nuevamente para este botón Vaya a la página de registro Copie y pegue todo el código en el inicio de sesión Cambie parte del código Copie y pegue TextInputLayout y TextInputEditText Cambie algunos de los atributos Quite TextView olvidé la contraseña Vaya a la página de inicio después de iniciar sesión se dirigirá a la página de inicio
Usaré LinearLayout como el diseño principal Agregue algo de TextView Agregue un botón para cerrar sesión ¡ Listo! Ya hemos creado todas las páginas de la autenticación
de página iniciada, inicio de sesión, registro e inicio Ahora haré que el diseño esté conectado entre sí Abra build.gradle (módulo) y agregue viewBinding para hacer el
enlace en cada página Enlace es útil para llamar a la identificación en cada vista Haga clic en sincronizar ahora -> build.gradle (módulo) se ha
actualizado con éxito Primero, abra MainActivity y sígame escriba el código Por el momento usaré la intención de mover la actividad El código aquí es hecho, pasemos a LoginActivity El código aquí está listo, pasemos a RegisterActivity El código aquí terminó el último, vayamos a
HomeActivity ¡ Listo! ¡Todo el código ya está escrito y asegúrate de
no perderte lo más mínimo! Ejecutemos la aplicación que hemos creado.
La aplicación ya está abierta y ¡guau, genial! Intentemos abrir todas las páginas. Parece que nuestra aplicación no tiene obstáculos y
funciona sin problemas. Si tiene alguna pregunta, pregunte en la sección de comentarios
a continuación. ¡ Y no olvide dar me gusta, comentar, suscribirse y compartir para
ayudarme a hacer videos tutoriales!.