Este ejercicio de las películas se presta para utilizar elegido Animation y qué es el Jibo animation.
Yo les voy a dejar este enlace adjunto para que ustedes puedan entrar en más detalles sobre esta clase.
Pero ya lo vamos a ver.
De hecho este vídeo del Willett ya se los había pasado pero este se lo recomiendo para que ustedes lo
vean estos widgets widgets etc son bastante interesantes.
De hecho a mi me encanta ver esos videos pero el giro Animation es este que tenemos acá.
Puede ser play para demostrarlo.
Tenemos una imagen que en nuestro caso sería un poser y cuando llegamos a abrir una nueva página la
imagen se traslada de la posición original a la nueva posición donde se encuentre ese elemento y cuando
regresamos a la pantalla anterior entonces también va a detectar que este era el giro Animation del
punto original.
Hasta dónde debe de llegar esto.
Bueno realmente podrían pensar que para hacer esto es complicado pero realmente es sumamente fácil.
Lo único que ocupamos es envolver un widget que queremos que flote de un lado a otro con una clase llamada
giro.
Eso es todo y en ambos lados vamos a implementarlo.
Les voy a pedir que regresemos al programa.
Ok entonces yo lo que quiero hacer acá es transferir esta imagen como que vaya flotando de donde está.
Hasta aquí a pesar de que estoy haciendo un cambio de pantalla vamos a hacer eso.
Empecemos.
En el Movie horizontal que es lo que está creando esta lista de aquí abajo y buscamos la creación de
la tarjeta que tenemos la tarjeta y este es el fin Image que está creando eso sí yo quiero que toda
esta imagen sea la que vuele hacia el otro lado.
En teoría yo se lo podría poner al Feith Image pero recuerden que la imagen como sí como tal es cuadrada
y se miraría como raro que la imagen de repente se quite de ser cuadrada y se mueva a sus bordes redondeados
y toda la cosa no importa si este widget tiene dimensiones diferentes al Willett final o sea la posición
final.
Imaginemos que está en la posición inicial y hasta la posición final.
Si esto fuera más grande la imagen se adaptará o sea va a hacer la transición del elemento de un lado
a otro es bastante bonito.
Los invito a que ustedes jueguen para hacer que toda la tarjeta inclusive con los bordes redondeados
de la misma se mueva.
Entonces voy a colocarle el giro Animation al clip hard rock que tengo en esta tarjeta entonces voy
a tocar control punto o como en punto x y lo voy a envolver en un nuevo widget.
Este nuevo widget se va a llamar o tiene nombre de giro elegido.
Si dejo el mouse encima me Samarkanda un par de errores y me dice que el tag y la propiedad Chilet son
propiedades que deben de ir son obligatorias el chip ya lo tengo y este de acá no se preocupen por el
nombre tal vez si se miraba un poquito raro pero si fuera un container es exactamente lo mismo es como
un nuevo widget pero en vez de llamarse Container se llama Jibo.
Aparte recibe el talle el Tag es un Heydi único que debe de identificar esta tarjeta del punto donde
está y tiene que ser el mismo Heydi o el mismo Heydi único.
A dónde va a llegar.
En este caso nosotros podríamos utilizar el película punto Heydi porque en teoría en teoría este es
único y si es único en la movida.
Pero piensen que aquí tenemos este poster que tiene el mismo IBBY que esta otra imagen de acá.
Eso es algo que vamos a resolver después no le implementen el giro Animation a esto todavía.
Ya llegaremos a esa clase pero no lo han empezemos.
Simplemente eligieron Animation con esas tarjetas de aquí abajo.
Entonces el tag va a ser el Heydi de esta película.
Voy a grabar los cambios y voy a probarlo Stocco la película y no pasó nada.
Regreso y no pasó nada y eso está bien.
Es el comportamiento normal en este caso tengo el giro Animation pero como detecta que en la otra página
no hay ningún giro Animation con ese Heydi entonces por eso no anima nada y pareciera que no funcionó
pero ahora vamos a la página de detalle e implementemos el mismo giro animation.
Vamos a buscar en la página de películas detallé busquemos donde estamos creando el poster aquí adentro
en nuestro póster título y aquí está la imagen.
Noten que en el otro lugar teníamos un faith in Image y aquí es una imagen normal van a ver que no hay
ningún problema pero yo no quiero que el giro se aplique a la imagen.
Necesito que se aplique al rec porque esta es la imagen con bordes redondeados que es exactamente lo
mismo que yo tengo aquí.
Ok entonces al clip break voy a presionar como un punto o control punto y voy a envolverlo en un nuevo
widget ese widget se va a llamar giro nuevamente y el tag tiene que ser el mismo tag de donde parte
la imagen anterior.
Entonces el tag debería ser la película película punto allí voy a grabar los cambios.
Esto hace otro hilo y ahora voy a regresar.
Y noten el efecto voy a entrar a la película como que se mueve y regreso aquí se mueve y regreso.
Sam vuelve y regreso voy a hacer click acá se mueve eso vamos a ver esta Toko y regreso perfecto.
Ya tenemos implementado nuestro Jiro Animation y ven qué es pero la parte del giro Animation con esas
tarjetas la vamos a implementar al final porque ni siquiera tenemos el detector en esta imagen y eso
es algo que vamos a aplicar al final no se preocupen ya vamos a llegar a ese punto por momentos conforme
menos de que hemos aprendido cómo utilizar el giro Animation Los veo en el siguiente video.