Android Studio - Splash/Launch screen con animación Pt. 1 | Diseño Material 2020

Подписаться 3,1 тыс.

Просмотров 40 тыс.

50% 1

Codelia presenta la parte 1 de una serie de videos de creación de pantallas de inicio de sesión integrando Google Firebase en Android Studio. En este tutorial vas a poder crear una splash screen o launch screen con animaciones siguiendo guías de diseño material y modernas con el lenguaje de programación Java.
Links:
Material IO color: material.io/re...
Deja tus comentarios y danos un like, donde seguiremos publicando videos de tutoriales de aplicaciones móviles para Android y iOS.
Siguenos en Patreon para tener asesorías privadas: / codeliayt
Proximamente:
Amazon Web Services (Amplify, AppSync, DynamoDB...)
Arduino con aplicaciones móviles
Dispositivos ESP
Raspberry Pi

Опубликовано:

17 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 110

@gabrielrodriguezgonzalez7791 3 года назад

Este video es oro, gracias

@reinamejia1009 4 года назад

Vine buscando cobre y encontré oro! Excelente vídeo, nueva subs

@codelia_tutorials 4 года назад

Muchas gracias por tu comentario! :) Saludos!

@juandavid5153 3 года назад

lo mismo digo

@emilianopose1695 3 года назад

Muchas Gracias!! un Saludo Desde Punta del Este Uruguay!

@codelia_tutorials 3 года назад

Saludos Emiliano! :)

@emilianopose1695 3 года назад

@@codelia_tutorials amigo tiene whatsapp ?

@maicolaviles714 Год назад

Amigo, muchas gracias; todo un crack... Psdt; mi CPU está caliente despues de ejecutar el programa☺

@EMME58 2 года назад

Bro fijate que estoy trabajando con una app que tenga login, y en el manifest cambie para que la primer layout sea longin, tendría que cambiar otra vez para que sea el flash up o hay alguna forma de cambiar este proceso, porque creo que habría conflicto con eso no? en tu caso no tuviste que cambiar el manifest porque solo tienes 2 layouts e hiciste la progra en el Main. Muy buen video por cierto salu2.

@rafaellemus4894 Год назад

Excelente Video, muy bien explicado y directo

@tomas.menniti 3 года назад

Muchas gracias por compartir. Me salvaste genio!

@j.davidz.v.k7296 11 месяцев назад

Hola buenas noches. Este video es magnífico paso a paso muchas gracias. Quisiera pedirte tu apoyo para poderlo implementar en mi app que ya tengo hecha. Es un webview pero ya tengo un Mainactivity y un layout por default para el uso de la aplicacion. Como puedo identificar bien los activity de tal manera que primero lea el del splashscreen y luego vaya a la aplicacion?

@ramonzelaya5537 3 года назад

Hola, excelente video. Solo tengo una duda, esta es la forma correcta de hacer la pantalla splash del inicio? Es que incluso los de android studio recomendaban no hacerlas porque normalmente las hacen mal y entorpece el inicio de la aplicación

@codelia_tutorials 3 года назад

Que tal, si existen otras maneras de hacer las splash screen, estas en lo correcto. Regularmente los splash screen suelen ser solamente imagenes estaticas, como por ejemplo el logo de la empresa, pero para ya agregarle la animacion, esta si es de las formas mas sencillas y eficientes. Saludos!

@ramonzelaya5537 3 года назад

@@codelia_tutorials gracias por responder, y sí, ya investigué y de la otra forma que buscaba es más simple la pantalla pero a fin de cuentas me parece la más útil porque es inmediata, en realidad se usa cuando la app no está lista. En cambio aquí la pantalla splash solo aparece hasta después de que la app ya cargó por ende siempre existe la pantalla blanca de carga

@codelia_tutorials 3 года назад

Exactamente Ramon, lo describiste de la mejor manera!, Si solo quieres que se visualice tu splash screen con este comportamiento, te recomiendo que si sea de la manera que recomienda Google, siendo una imagen estatica como me comentas!, Un saludo!

@cristiansalgado5094 3 года назад

Excelente video, Me ayudo demasiado, Muchas Gracias 🙏🏾🙏🏾

@DennisBarrionuevo 2 года назад

Perfecto!! Buen video bro 💯 like y sub, esto me está sirviendo mucho para mi tesis..

@fabriziobernal3217 4 года назад

Hola codelia! Muchas gracias por tu video. Tengo el problema de que tanto el logo como las animaciones salen arriba y no donde deberían. Que puedo hacer?

@codelia_tutorials 4 года назад

Que tal Fabrizio, te recomiendo que cheques bien tu archivo .xml, otras personas han tenido problemas con ese mismo tema por tener valores diferentes como el layout_margin, saludos!.

@Duvlas 4 года назад

Amigo que lenguaje usas en Android studio es problema no saber el lenguaje bue video solo dime el lenguaje porfa

@codelia_tutorials 4 года назад

Que tal, el lenguaje de programacion que regularmente utilizamos en los tutoriales es Java, en la descripcion del video puedes encontrar este dato!, Saludos :)

@Duvlas 4 года назад

@@codelia_tutorials gracias

@nahuelluduena2111 Год назад

hola como estas , agregue este proyecto mi aplicacion ,funciona muy bien, pero al ir para atras termino yendo a la pantalla del splash, como hago para que no valla ?

@villatero6228 2 года назад

La verdad que me encantó tu video, me ayudo mucho a la hora de crear la app. Tengo una consulta, quiero hacer una app que contenga en la sección de noticias una pagina de facebook que solo muestre la imagen y el texto de esa publicación, sabes si hay alguna manera de hacerlo? me volví loco buscando y no lo encontré u.u

@sebastianquirozsoto2313 3 года назад

Hay alguna forma de que el cambio de actividad no sea tan brusco? Que sea como más suave o con animación?

@codelia_tutorials 3 года назад

Claro!, Todas las animaciones estan en los archivos de la carpeta anim, ahi puedes jugar con los valores e ir viendo cual se adapta mejor a tu gusto. )

@av44-s5j 4 года назад

Muchas Gracias bro 🙏🏾🙏🏾🙏🏾🙏🏾 sigue asi me ayudaste mucho. En espera de mas tutoriales

@codelia_tutorials 4 года назад

De nada!, Muchas gracias por tu comentario! :), Pronto habra mas tutoriales!

@giovanniramirez8011 Год назад

Buenas tardes que programas estas utilizando para realizar esta aplicación si es Android Studio que versión es

@marianaalvarez7896 2 года назад

hola, me aparece esto al ejecutar: The activity must be exported or contain an intent-filter. Que hago?

@ignacioadg2643 3 года назад

Amigo me puedes decir que version de android studio usas, yo recién actualicé a la última y hay muchas cosas que cambian. De esta forma para poder utilizar la que tienes tu. gracias

@codelia_tutorials 3 года назад

Que tal!, Para este tutorial se utilizo la version 3.6, pero ya en todos los tutoriales recientes, estaremos utilizando la version 4.0 en adelante!

@ignacioadg2643 3 года назад

@@codelia_tutorials Muchas gracias por tu respuesta

@richardgamero2558 3 года назад

@@ignacioadg2643 yo la hice en la ultima versión y me funciono bien, tal vez lo estas trabajando en kotlin y no en java, espero que puedas resolverlo suerte

@ignacioadg2643 3 года назад

@@richardgamero2558 gracias hermano, ahora si pude, fue un error de capa 8 jajaj

@codelia_tutorials 3 года назад

Jajaja la capa 8!, Que bueno que pudiste solucionarlo!

@nahuelluduena2111 Год назад

y al momento de instalar me instala dos aplicaciones , una con el splash y otra sin por que ocurre eso ?

@ebermartinhuarcayasilva7909 2 года назад

Genial, nuevo sub, genio

@carlitos7372 4 года назад

Gracias sigue haciendo pequeños proyectos son de mucha ayuda...

@codelia_tutorials 4 года назад

Gracias por tu comentario!, Seguiremos posteando mas proyectos pronto! :)

@cracklosangeles1917 2 года назад

Bro me dice que FLAG_FULLSCREEN is deprecated, alguna solución?

@jonathancarlostoralsanchez2957 2 года назад

¿Como se quitan las letras superiores que muestran el nombre de la aplicación acompañado de una franja azul ?

@mikeplay8863 4 года назад

amigo, excelente video pero me tope con esto " "ANIMATION" no tiene un objeto complementario" no se nada de programacion, solo sigo tus pasos espero y me ayudes gracias

@codelia_tutorials 4 года назад

Que tal MikePlay, este error te sale en la pestaña de run?, O te sale cuando mueves el mouse arriba de esa instruccion?, Saludos y gracias por tu comentario :)

@ignacioadg2643 4 года назад

Hola amigo, muchas gracias, tengo una duda.. realicé lo mismo que tu, tal cual, pero al ejecutar no me sale ningun error, compila bien, pero no se me ve el movimiento de desplazamiento, solo aparece. Agradecería me pudieras ayudar.

@codelia_tutorials 4 года назад

Claro Ignacio, primero antes que nada, tienes el archivo de animacion en el proyecto?, En tu MainActivity, usaste la instruccion AnimationUtils.loadAnimation?

@ignacioadg2643 4 года назад

@@codelia_tutorials Si tengo los archivos desplazamiento_arriba y desplazamiento_abajo dentro de anim, res, y en el MainActivity si usé la instrucción AnimationUtils.loadAnimation. Quizas el problema lo tengo por otro lado, al ejecutar la app el texto (en tu caso codelia) me queda en la parte superior y no abajo.. siendo que en la vista del xml se ve que está abajo.

@codelia_tutorials 4 года назад

Asegurate de agregarle los constraints necesarios a tu texto en el .xml, en el archivo de animacion verifica que si tienes todos los parametros igual a los del video. Avisame si sigues teniendo problemas.

@ignacioadg2643 4 года назад

@@codelia_tutorials Amigo lo solucioné .. primero tenia el constrain layout del text mal tomado y ahi me quedó el nombre debajo del logo.. y para lo de la animación , resulta que por alguna razón tenia escrito en el MainActivity , despues del delayMillis 4000 al final setContentView(R.layout.activity_main);.. borré esto último y funcionó de inmediato. Muchas gracias por la ayuda, estoy en mi proyecto de tesis y me a servido un montón. Me suscribo :)

@codelia_tutorials 4 года назад

Me da gusto que hayas podido solucionarlo!, Exito con tu tesis!. Aqui estamos para ayudarte en cualquier cosa! Saludos.

@ivanmezza9114 4 года назад

hay forma de hacer un splash screen con un fragmento de video y que este cubra la totalidad de la pantalla? saludos

@codelia_tutorials 4 года назад

Si!, La libreria se llama VideoView y te permite reproducir videos en aplicacion. Ya nos han pedido esa funcionalidad varias veces, haremos proximamente un video mostrando como hacerlo!

@hdzpesca 4 года назад

tengo que crear un nuevo proyecto no lo puedo hacer directamente en la app que llevo haciendo?

@codelia_tutorials 4 года назад

Puedes seguir trabajando en la app que ya tienes creada, solo identifica bien cuales son tus Activity que ya tienes hecha y cual es la actividad principal :)

@hdzpesca 4 года назад

@@codelia_tutorials hola soy yo de nuevo cuando conecte mi cel para emular mi app se instalo en mi cel , pero elimine la app de mi laptop no encuentro el apk abra una manera de pasar la que se quedo instalada en mi cel a la laptop otra vez para poder trabajar de nuevo en la app y no empezar de cero?

@codelia_tutorials 4 года назад

La verdad no estoy seguro si habra posibilidad de hacer esto, pero puedes generar otro apk desde Android Studio, desde el proyecto que tienes, tenemos un video acerca de esto en el canal

@hdzpesca 4 года назад

@@codelia_tutorials okk gracias ;D

@wilmerlorenzochoxomchamorr9879 3 года назад

buen video le entendí a todo, gracias. oye al momento de ejecutarlo el emulador me tira el mensaje de que la aplicación se detuvo y no se como se pueda solucionar de antemano gracias :)

@alexreynagarcia3074 3 года назад

@EduPTCG 3 года назад

@@alexreynagarcia3074 ya depuraste?

@carlosdanielolivera4865 3 года назад

Muy bueno me sirvió para kotlin.

@coxca04yt6 6 месяцев назад

Por qué codelia no sigue activo? :( son muy buenos

@codelia_tutorials 6 месяцев назад

Seguimos activos!, estamos creando nuevo contenido para ustedes, gracias por la paciencia 🙌

@joseantoniomenesesrugerio6114 4 года назад

tengo un pequeño problema, en la parte del delaymillis me lo pone en rojo y de las opciones de que pone para solucionar el problema no se cual es la que debe de ser seleccionada, excelente video y gracias me esta siendo de mucha ayuda.

@codelia_tutorials 4 года назад

Que tal Jose Antonio, puedes decirnos cual es el error que te muestra el Android Studio cuando te da las opciones?, Gracias :)

@joseantoniomenesesrugerio6114 4 года назад

Create local variable 'delayMillis' Create field 'delayMillis' in 'MainActivity' Create parametet 'delayMilis' Rename reference introduce local variable Put arguments on separate lines

@ivanrobles2961 4 года назад

tambien me sucedia, solo escribe la coma(,) y los 4000, el delaymillis lo genera solo

@francisco_J_SARAOS 3 года назад

@@ivanrobles2961 sos un sol

@jonathanmadrigalmurillo6259 3 года назад

Excelente video solo tengo un pequeño problema, a la hora de ejecutar la app no me sale la imagen ni el texto pero si hace la animación, que podrá ser?

@codelia_tutorials 3 года назад

Que tal Jonathan!, Checa bien el nombre de tus archivos y tus variables, y tambien en el archivo .xml que si se vean en el modo de preview. En que seccion es la que no te aparece la imagen?

@folkenl Год назад

copia y pega todo el codigo en chat gpt a ver que te dice

@YEICAM41 2 года назад

el logo png lo coloco en la carpeta drawable hice lo mismo pero no me funciono

@alejandroperezsantiago8256 4 года назад

Gracias, podrías traer un tutorial de Databases con Firebase :3 por favor?

@codelia_tutorials 4 года назад

Claro, sera uno de nuestros proximos videos :)

@martinlopezrobles8945 4 года назад

exelente video ,nuevo sub muchas gracias

@codelia_tutorials 4 года назад

Muchas gracias Martin :)

@danser1978 Год назад

Lo tienes en Kotlin?

@codelia_tutorials Год назад

En nuestro canal puedes encontrar la carpeta con todo el codigo de nuestros tutoriales, saludos!

@danser1978 Год назад

@@codelia_tutorials Saludos muchas gracias

@marchard3046 4 года назад

Bien bro ..porque un app instalado a un dispositivo no funciona, al abrir sale ERROR FATAL...X-(

@codelia_tutorials 4 года назад

Hola MARchard, podrías mencionarnos el error completo que te menciona al consola al querer correr la aplicación?, saludos!.

@gc-104viri4 4 года назад

Disculpa me da error al momento de poner .setAnimation El error es: Cannot resolve symbol 'setAnimation' Estuve investigando e intenté resolverlo con invalidate Caches / Restart pero no funcionó :'c

@codelia_tutorials 4 года назад

Que tal Viridiana, podrias ir a tu archivo build.gradle y verificar que si tengas todas las librerias de implementation importadas?, Aparte de eso, hay un parametro de version de SDK minima, cual estas usando?, Saludos :)

@gc-104viri4 4 года назад

@@codelia_tutorials Hola :3 La versión de SDK minima es 15 Pero no sé verificar si tengo todas las librerías, de todas formas son las siguientes: implementation fileTree(dir: "libs", include: ["*.jar"]) implementation 'androidx.appcompat:appcompat:+' implementation 'androidx.constraintlayout:constraintlayout:1.1.3' testImplementation 'junit:junit:4.12' androidTestImplementation 'androidx.test.ext:junit:1.1.1' androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0' de todas formas son las que trae por default android studio...

@codelia_tutorials 4 года назад

Hola! :), Te agradezco por la respuesta!, Creo que todo eso esta en orden, podrias decirme que error te sale al poner el mouse encima de la instruccion?

@gc-104viri4 4 года назад

@@codelia_tutorials gracias pero decidí hacer otro proyecto y ahí ya me funcionó, probablemente toque algo que no debía, de todas formas soy experta destruyendo códigos (no es la primera vez) xd De ante mano muchas gracias por contestar rápido, espero que sigas subiendo más vídeos, like y nueva sub ❤️

@codelia_tutorials 4 года назад

Proximamente seguiremos con otros videos, gracias por seguirlo intentando!, Es bonito el sentimiento cuando se ejecuta bien el codigo! Mucho exito! :)

@frankrufinocastro5572 3 года назад

Hola codelia execelente vídeo me sirvió de mucho habrán cursos disponibles en tu canal o algo necesito crear una app para mí proyecto final

@codelia_tutorials 3 года назад

Hola Frank!, si esta en nuestros planes, pero por el momento queremos darles tutoriales para empezar a crecer el canal. Una vez que estemos bien establecidos si daremos cursos :)

@frankrufinocastro5572 3 года назад

@@codelia_tutorials muchas gracias están buenos los tutoriales pero tengo un problema no puedo conectar firebase con Android studios me sale que error yo quiero enlazar mi login con firebase y no me sale error cuando intento autenticar firebase con Android studios porfavor ayudarme te lo agradecería

@frankrufinocastro5572 3 года назад

Porfavor cualquier ayuda le agradecería porfavor a mi correo rufinocastrofrank@gmail.com

@pankemo 2 года назад

buen video muchas gracias, si haces tutoriales con Retrofit porfavor

@sergioalfredogaliciasalaza5554 4 года назад

Amigo tengo dudas alguna manera de contactarte ?

@codelia_tutorials 4 года назад

Claro que si, escribenos un correo a codelia.developer@gmail.com

@wilmand3054 3 года назад

no me sale la opcion de style en la carpeta values algun motivo en concreto ? me podias ayudar en eso pd buen video

@darbellalfredoperezsanchez4996 Год назад

que tal bro, un poco tarde, pudiste resolverlo?

@imaginationworks8513 3 года назад

5:33 Empieza la seccion del codigo para animaciones

@elnoobespro7315 3 года назад

Buen videoooo

@codelia_tutorials 3 года назад

Muchas gracias Mencho, un saludo amigo! :)

@darbellalfredoperezsanchez4996 Год назад

ey bro no me aparece el recurso de styles

@luisnoerodriguez1555 3 года назад

Bro que video más genial, me podrías pasar la imagen que usaste o alguna otra genial?

@codelia_tutorials 3 года назад

Que tal Luis!, Los recursos de los proyectos solo los tenemos disponibles para nuestros Patreons!, Pero realmente puedes utilizar cualquier imagen .png con fondo transparente, en Google se pueden encontrar bastantes muy buenos y gratis de usar! Saludos :)