Transiciones en Android.

Clase 45 de 96 • Curso Definitivo de Android 2016

Contenido del curso

Bienvenido al curso

Creando nuestro entorno de desarrollo

Básicos de Android

Creando Platzigram

Conclusiones

Continuando con Platzigram

Arquitectura en Android

Accediendo al Hardware en Android

Configuración de Firebase en Android

Gradle en Android

Firebase Authentication en Android

Almacenamiento en Android

Menús en Android

Firebase Storage en Android

Logcat de Android y Crash Reporting de Firebase

Conexión a Servicios Web con Retrofit en Android

Trabajando con otra API, Medium

Comentarios

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 😃

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

    }

Henry Alejandro Palacios Lemus

student•

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

Ann Code

teacher•

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

Henry Alejandro Palacios Lemus

student•

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

José Tuzinkievicz

student•

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

Ann Code

teacher•

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

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
}

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

    }

Transiciones en Android.

Bienvenido al curso

¡Vamos a renovar este curso!

Bienvenida

Descarga el material del curso

Introducción a Android

Estado actual del desarrollo en Android

Requerimientos y Herramientas para el Desarrollo en Android

Creando nuestro entorno de desarrollo

Inicia a programar para Android: ¿Qué necesito?

Arquitectura de una aplicación en Android

Android Studio

Android SDK Manager

Hola Mundo

Creando un emulador

Básicos de Android

Repaso rápido de Java (POJOS)

Android es MVC por defecto

XML vs. Editor Gráfico

Diferencia entre LinearLayout y Relative Layout

Widgets Básicos en Android

Widgets Básicos desde Java

Material Design

Creando Platzigram

Configurando nuestro tema Material

Widgets de Material Design

Maquetando nuestras vistas del proyecto

¿Qué es un Activity?

Maquetando nuestros Activities

Internacionalización de Textos

Rised button

EditText con Material Design

Terminando el Home de nuestra aplicación

Toolbar

Intents

CardView

Analizando nuestra vistas

Maquetando nuestro CardViewd

Introducción a Fragments

Creando nuestros fragments

Fragments en nuestro BotttomBar

¿Cómo funciona un RecyclerView?

Implemententando RecyclerView

Picasso

Analizando nuestra vista

Collapsing Toolbar Layout, AppBarLayout

Onclick Listener en RecyclerView

Implementando la vista de perfil

Comportamientos dependientes en Material Design