Transiciones en Android.

Clase 45 de 96 • Curso Definitivo de Android 2016

Resumen

Mejoremos un poco nuestra aplicación, implementemos transiciones.

Debemos pensar en el efecto queremos aplicar cuando la actividad 1 salga y que efecto queremos aplicar cuando la actividad 2 entre.

Las animaciones que podemos utilizar son: Fade, Slide, Explode

Veamos como implementar una animación en Android.

Juan Carlos Pinzón

student•

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
}

Carlos Jesús Fernández Salazar

student•

Gracias. ¡Buen aporte!

Franco David Oliva

student•

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

Danny Alfonzo Viana Perez

student•

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

Franco David Oliva

student•

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.

Daniel Juarez

student•

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

Ann Code

teacher•

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 😃

Ever Andrés Giraldo Ramírez

student•

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

Ann Code

teacher•

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

Ever Andrés Giraldo Ramírez

student•

Gracias 😃

Danny Alfonzo Viana Perez

student•

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

Ann Code

teacher•

Lo notamos después, revisa por favor el GitHub hicimos una validación 😃
https://github.com/anncode1/Platzigram/blob/master/app/src/main/java/com/platzi/platzigram/view/PictureDetailActivity.java

Danny Alfonzo Viana Perez

student•

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());
        }```

David Felipe Huertas

student•

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?

Vincent Restrepo

student•

Mismo problema. ¿Le encontraste alguna solución?

David Felipe Huertas

student•

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

Erick Neftalí Sarmiento Cortes

student•

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

Ann Code

teacher•

Genial!, gracias por compartir

Marco Morales Castillo

student•

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

Esteban Suárez

student•

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

Juan Guillermo Perez Cardozo

student•

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

JOSE ADRIAN TEZOYOTL MORALES

student•

Buenas formas de generar UI/UX.

José Arturo González Bernal

student•

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

Uriel Ramírez

student•

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

Jose Cormane

student•

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

Ann Code

teacher•

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

Leonardo Valencia

student•

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

Fernando Segura Gómez

student•

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.

Camilo Andrés Ibarra Yepes

student•

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?!

José Tuzinkievicz

student•

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);

    }