Cursos Empresas Blog Live Conf Precios

Transiciones en Android.

Clase 45 de 96 • Curso Definitivo de Android 2016

Contenido del curso

Bienvenido al curso

1
¡Vamos a renovar este curso!
00:39 min
2
Bienvenida
00:32 min
3
Descarga el material del curso
00:07 min
4
Introducción a Android
25:38 min
5
Estado actual del desarrollo en Android
02:30 min
6
Requerimientos y Herramientas para el Desarrollo en Android
09:37 min

Creando nuestro entorno de desarrollo

7
Inicia a programar para Android: ¿Qué necesito?
03:39 min
8
Arquitectura de una aplicación en Android
06:33 min
9
Android Studio
04:20 min
10
Android SDK Manager
15:20 min
11
Hola Mundo
15:21 min
12
Creando un emulador
11:10 min

Básicos de Android

13
Repaso rápido de Java (POJOS)
07:46 min
14
Android es MVC por defecto
13:13 min
15
XML vs. Editor Gráfico
14:01 min
16
Diferencia entre LinearLayout y Relative Layout
17:58 min
17
Widgets Básicos en Android
12:12 min
18
Widgets Básicos desde Java
11:44 min
19
Material Design
13:39 min

Creando Platzigram

20
Configurando nuestro tema Material
16:41 min
21
Widgets de Material Design
10:39 min
22
Maquetando nuestras vistas del proyecto
14:21 min
23
¿Qué es un Activity?
22:21 min
24
Maquetando nuestros Activities
25:19 min
25
Internacionalización de Textos
11:20 min
26
Rised button
09:54 min
27
EditText con Material Design
11:26 min
28
Terminando el Home de nuestra aplicación
09:17 min
29
Toolbar
20:30 min
30
Intents
12:29 min
31
CardView
07:51 min
32
Analizando nuestra vistas
07:48 min
33
Maquetando nuestro CardViewd
29:35 min
34
Introducción a Fragments
08:37 min
35
Creando nuestros fragments
21:46 min
36
Fragments en nuestro BotttomBar
19:13 min
37
¿Cómo funciona un RecyclerView?
11:44 min
38
Implemententando RecyclerView
28:43 min
39
Picasso
05:54 min
40
Analizando nuestra vista
10:04 min
41
Collapsing Toolbar Layout, AppBarLayout
26:32 min
42
Onclick Listener en RecyclerView
11:06 min
43
Implementando la vista de perfil
15:07 min
44
Comportamientos dependientes en Material Design
22:48 min
45
Transiciones en Android.
Viendo ahora

Conclusiones

46
Cierre del Curso
00:41 min
47
Desafío 01
01:07 min
48
Desafío 02
00:45 min
49
Desafío 03
01:19 min

Continuando con Platzigram

50
Bienvenida a la segunda parte del curso
01:53 min
51
Material del curso
00:06 min

Arquitectura en Android

52
¿Por qué se debe implementar una Arquitectura en Android?
06:40 min
53
Principios SOLID en Android
05:46 min
54
¿Qué es y por qué implementar MVP en Android?
05:38 min
55
MVP en Android un ejemplo sencillo
32:06 min
56
¿Qué es la arquitectura limpia? Clean Architecture
08:38 min
57
Platzigram con Clean Architecture creando la entidad Login
14:21 min
58
Integrando un Presenter e Interactor a Platzigram
10:44 min
59
Creando un Repository en Platzigram
15:09 min

Accediendo al Hardware en Android

60
Accediendo a la cámara en Android
21:00 min
61
Creando un layout para mostrar una foto en Android
08:22 min
62
Accediendo y mostrando fotos de la cámara en Android
25:24 min

Configuración de Firebase en Android

63
¿Qué es Firebase para Android?
11:51 min
64
Creando un proyecto en la consola de Firebase
10:26 min

Gradle en Android

65
¿Qué es Android Gradle?
10:00 min
66
Archivos de configuración Gradle en Android integración con Firebase
08:20 min

Firebase Authentication en Android

67
Cómo funciona Firebase Authentication en Android
13:00 min
68
Firebase Authentication Correo y Contraseña en Platzigram
21:34 min
69
Sign In y Sign Out Correo y Contraseña en Platzigram
11:43 min
70
Configurando Facebook Developers
10:53 min
71
Implementando Facebook Login en Platzigram
14:00 min
72
Manejando una sesión en Facebook con Android y Firebase
07:57 min

Almacenamiento en Android

73
Tipos de almacenamiento en Android
11:04 min
74
Implementando Shared Preferences en Android
13:38 min

Menús en Android

75
Tipos de menús en Android
11:58 min
76
Implementando un menú de opciones en Platzigram
15:58 min

Firebase Storage en Android

77
¿Qué es Firebase Storage en Android?
07:59 min
78
Subir Fotos a Firebase desde Platzigram
20:47 min
79
Mostrar Fotos desde Firebase Storage en Platzigram
10:51 min

Logcat de Android y Crash Reporting de Firebase

80
Logcat de Android y Firebase Crash Reporting
16:08 min
81
Registrando errores de Platzigram en Firebase
20:27 min

Conexión a Servicios Web con Retrofit en Android

82
¿Cómo funciona un Servicio Web en Android?
04:21 min
83
Qué es un API Rest
03:25 min

Trabajando con otra API, Medium

84
Configurando el API de Medium
20:14 min
85
Repasando MVP+Clean Architecture
13:12 min
86
Configurando Retrofit en Android
12:39 min
87
Retrofit con MVP+Clean Architecture
10:17 min
88
Implementando OkhttpClient en Retrofit
03:50 min

Seguridad en Android

89
Seguridad en Android ocultando api keys
02:22 min

Animaciones en Android

90
Tipos de Animaciones en Android
03:07 min

Android Things

91
¿Qué es Android Things?
02:06 min

Publicación en el PlayStore

92
Publicando tu aplicación en Google Play (PlayStore )
04:55 min

Contenido complementario

93
Notificaciones en Android con Firebase
04:25 min
94
Control de versiones
09:30 min
95
Inyección de vistas con ButterKnife
05:42 min
96
Constraint Layout ( Vistas sin XML )
29:50 min

Escuelas

Desarrollo Web
English Academy
Marketing Digital
Inteligencia Artificial y Data Science
Ciberseguridad
Liderazgo y Habilidades Blandas
Diseño de Producto y UX
Contenido Audiovisual
Desarrollo Móvil
Diseño Gráfico y Arte Digital
Programación
Negocios
Blockchain y Web3
Recursos Humanos
Finanzas e Inversiones
Startups
Cloud Computing y DevOps

Platzi y comunidad

Platzi Business
Live Classes
Lanzamientos
Executive Program
Trabaja con nosotros
Podcast

Recursos

Manual de Marca

Soporte

Preguntas Frecuentes
Contáctanos

Legal

Términos y Condiciones
Privacidad
Tyc promociones

Reconocimientos

Reconocimientos

Top 40 Mejores EdTech del mundo · 2024

Primera Startup Latina admitida en YC · 2014

Primera Startup EdTech · 2018

CEO Ganador Medalla por la Educación T4 & HP · 2024

CEO Mejor Emprendedor del año · 2024

De LATAM conpara el mundo

Youtube Instagram LinkedIn TikTok Facebook X (Twitter)Threads

Juan Carlos Pinzón

student•

Carlos Jesús Fernández Salazar

student•

Franco David Oliva

student•

Danny Alfonzo Viana Perez

student•

Franco David Oliva

student•

Daniel Juarez

student•

Ann Code

teacher•

Ever Andrés Giraldo Ramírez

student•

Ann Code

teacher•

Ever Andrés Giraldo Ramírez

student•

Danny Alfonzo Viana Perez

student•

Ann Code

teacher•

Danny Alfonzo Viana Perez

student•

David Felipe Huertas

student•

Vincent Restrepo

student•

David Felipe Huertas

student•

Erick Neftalí Sarmiento Cortes

student•

Ann Code

teacher•

Marco Morales Castillo

student•

Esteban Suárez

student•

Juan Guillermo Perez Cardozo

student•

JOSE ADRIAN TEZOYOTL MORALES

student•

José Arturo González Bernal

student•

Uriel Ramírez

student•

Jose Cormane

student•

Ann Code

teacher•

Leonardo Valencia

student•

Fernando Segura Gómez

student•

Camilo Andrés Ibarra Yepes

student•

José Tuzinkievicz

student•

Henry Alejandro Palacios Lemus

student•

Ann Code

teacher•

Henry Alejandro Palacios Lemus

student•

José Tuzinkievicz

student•

Ann Code

teacher•

Si cambian el color del statusBarColor desde el archivo styles.xml se cambiará para el Toolbar en general, es decir en todos los lugares donde lo usemos por eso recomiendo entonces solo cambiarlo en el activity de pictureDetail esto se hace solo colocando lo siguiente:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
	getWindow().setEnterTransition(new Fade());//Es el que recibe la transición
	getWindow().setStatusBarColor(getColor(android.R.color.transparent));//Para cambiar el statusColor solo de esta activity
	//getWindow().setStatusBarColor(Color.TRANSPARENT); => Otra forma de llamar al color transparente
}

Gracias. ¡Buen aporte!

Perfecto todo en orden! pero voy a tener que instalarme Genymotion para ver ciertos efectos ya que mi celu tiene android 4.4!!! cada vez mas cerca del examen! :D

yo no me preocupo por el examen, sino por aprender, Ojo es solo una recomendación, lo que estoy haciendo es primero ver el curso sin lanzar nada de código, luego al terminar, lo repito creando el código, y luego de que termine todo, tengo planeado crear 1 app mensual, a principio de cada mes pensare en una mini app (diferente a las anterior) esto hará que agarre experiencia y que los conceptos me sean habituales por el uso consecutivo de los mismos. es lo que tengo planeado y quería compartirlo con los demás. Saludos

Esta re bien lo que decís y gracias por compartirlo! Ya aprobe el examen! ahora estoy repasando lo que aprendi y leyendome un libro, asi vuelvo… me miro este curso una vez mas y luego hago el avanzado! Estoy haciendo lo mismo que haces vos, practicar lo aprendido.

Aunque estas ultimas semanas estuve leyendo mucho.

Como puedo crear el archivo styles v21 si no me lo genero automaticamente?

Lo puedes hacer así:

Click derecho en el directorio res- > New > Android resource file, escribes el nombre styles, ahí mismo en la sección de Available qualifiers elije Version y selecciona Platform API level 21

Cuéntame si te va bien 😃

si no se me creo el styles v21 como lo creo?

Hola puedes hacerlo así:

Click derecho en el directorio res- > New > Android resource file, escribes el nombre styles, ahí mismo en la sección de Available qualifiers elije Version y selecciona Platform API level 21

Gracias 😃

Pero quedo transparente en los activity que no debería, como el home 😦

Lo notamos después, revisa por favor el GitHub hicimos una validación 😃

Ok, gracias por la respuesta 😃
para dejarlo claro a los demás compañeros, lo que se realizo fue un cambio, ya no se agrega el estilo android:statusBarColor en el archivo styles.xml de la versión 21,

<item name="android:statusBarColor">@android:color/transparent</item>

NOTA: esto lo quitamos

y se agrega directamente desde la clase de java que controla el activity (PictureDetailActivity.java) en el método onCreate

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
            getWindow().setStatusBarColor(Color.TRANSPARENT);
            getWindow().setEnterTransition(new Fade());
        }```

Tengo un pequeño problema, todo funciona perfecto pero al regresar con el botón back nativo de android cuando estoy en el activity de detalle de perfil todo se pone blanco ¿qué puedo estar haciendo mal?

Mismo problema. ¿Le encontraste alguna solución?

Si, encontré dos soluciones:
1.) Le quité la duración al efecto explode.
2.) Sobreescribir el método onBackPressed en el eventdetailactivity así

@Override
    public void onBackPressed(){
        Intent intent = new Intent(this, ContainerActivity.class);
        startActivity(intent);
    }

Decidí optar por la primera, para que el usuario se devuelva justo de donde venía y no lo envíe al home directamente. Saludos

Finally, lo encontré ya funciona mi app, me faltaba agregar un identificador para el imageview en el cardview_picture, yess

Genial!, gracias por compartir

Tengo una duda no se por que sale de color blanco en cuando activo lo de la transparencia en el StatusBar y ya lo hice desde la clase de java.
Espero y puedan apoyarme

Hola, tengo una inquietud, en el video vemos que la actividad container- fragment home, en el listener de click en el Adapter, en donde se crea el intent para navegar hacía la picture detail, se configura todo el tema de transición de salida. Estando en la actividad Picture Detail, cual sería la forma para agregar una transición de salida cuando se pulsa el botón up del toolbar, navegando de regreso a la actividad container - fragment home, gracias

Gracias anahi por la gran explicación. Que chevere el tema de transiciones. las personalizare a mi gusto

Buenas formas de generar UI/UX.

¿Dònde està el còdigo de todo lo que hiciste?

Aquí, mira: https://platzi.com/clases/android/concepto/bienvenido-al-curso0734/descarga-el-material-del-curso9769/material/

Tengo un inconveniente con la aplicación, nose si fue un error que todos tenemos o solamente me pasó a mi. Sucede que el toolbar en Home cuando hago scroll se rueda hacia arriba, no se en que momento varió esto. La cuestión es que no se como solucionarlo. Voy a dejar la vista de como se ve antes de hacer scroll y luego cuando hago scroll.

Estado Inicial

Luego de hacer Scroll

Hola! podrías poner el código del layout fragement_home.xml y de tu cardview? 😃

Hola, para que se agrega el .toBundle() al final del .makeSceneTransitionAnimation ??, gracias

startActivity te permite inicializar una actividad (primer parámetro) PERO, el método puede ejecutarse con un segundo parámetro, que son las opciones adicionales de como una actividad puede iniciarse.

La clase ActivityOptionsCompat (la cual se creo una instancia en esa línea de código en startActivity) permitió definir estas opciones, pero, no es del tipo de clase que recibe como parámetro startActivity, tiene un método toBundle el cual retorna las opciones como Bundle.

En resumen, toBundle permitió crear las opciones como Bundle, el cual puede ser enviado a startActivity.

Saludos.

Hola, no me es posible llamar a showToolbar solo con title “” y true
me sale un error exigiendo que se ponga un view, que puedo hacer? que seria lo correcto?!

Hola, lo que sucede es que estás usando el método showToolbar equivocado, el que corresponde es:

 public void showToolbar(String tittle, boolean upButton){
        Toolbar toolbar  =  findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setTitle(tittle);
        getSupportActionBar().setDisplayHomeAsUpEnabled(upButton); // seteo que el botón sea visible.

        // Se pone una referencia del collapsing por las dudas si se necesita para algo.
        CollapsingToolbarLayout collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsingToolbar);

    }

Tengo este problema : / Mi ultimo cardview no se visualiza bien y el boton flotante esta cubierto por la Botton Bar

Revisa la posición del botón seguro te falta ponerle más padding 😃

¿Pero que hay de la card view, porque se ve asi ?

Hola a todos, intenté hacer la transparencia de la status bar pero se cambia a un color gris. Qué podrá ser?

Revisa el tema en el archivo styles que sea el mismo que manejamos en el curso