Nos quedamos en este punto en la clase pasada.
Voy a borrar este print porque no lo ocupo.
No voy a borrar y trabajemos con la resolución de mí que populares que este también películas prohibidas
lo voy a cerrar no lo ocupo.
Voy a crearme un nuevo widget.
El objetivo de ese widget es el encargado o será el encargado de mostrar las películas de manera horizontal.
Aquí ese widget debería de recibir simplemente la colección o el listado de las películas de esa manera
yo puedo reutilizar ese widget en todos los lugares donde necesite mostrar esas películas de manera
horizontal o lo que contenga esas películas o sea siempre de la misma manera horizontalmente.
Para eso voy a hacer clic derecho en widgets y crearme un nuevo archivo.
Ese archivo le pondremos de nombre Mubi y un bajo horizontal horizontal punto Dart muestra el nombre
completo del archivo muy horizontal punto Dart y presionamos ENTER aquí importemos m. de material.
Esto es un Stainless widget por qué.
Porque recuerden que la información va a venir del padre y en pocas palabras es responsabilidad del
padre mandarles la colección o el listado de las películas que yo quiero mostrar.
Por eso es un Stainless porque no va a mantener su estado el nombre del widget va a ser muy horizontal
horizontal no es que ustedes quieran ponerle yo debería de recibir un final Lisseth de película que
ahora si lo puedo especificar porque ya tengo creado un modelo de película película Punto y Coma y Nicolás
hay que importarlo.
Control punto como punto hay que importarlo.
Aquí tenemos películas ese es el modelo perfecto me está marcando mi error por qué necesito definirlo
en el constructor entonces Mubi horizontal.
Va a ser un parámetro entre llaves como decir entre comillas opcional y voy a decir disputo películas.
La manera más rápida pero este objeto va a necesitar a fuerza mi lugar de películas a fuerza necesito
las películas si no no funciona si no marca errores.
Qué es lo que quiero hacer en el método Bihotz.
Hay muchas cosas que hacer.
La verdad hay bastantes cosas que trabajar acá pero vamos a comenzar haciéndolo de la manera básica.
Siempre tenemos que retornar un Willett y por eso vale returned espacio conteiner.
Normalmente se meten en containers o patines para manejar la separación.
Normalmente esto ayuda bastante a poder hacer una separación arriba o abajo.
Ya lo vamos a ver.
Lo que quiero manejar acá va a ser que este contenedor debería ser sólo el 20 por ciento de la tarjeta.
Creo que esto lo habíamos definido como el 70.
No estoy del todo seguro pero bueno lo hemos definido como el 70 por ciento y necesito que esto sea
el 20 por ciento restante de la página.
Entonces podríamos hacer esto de muchas maneras también podríamos hacer esto dentro de un scroll bio
o scroll View o un libio en fin hay tantas cosas que usan Eshkol por si acaso ustedes no tienen que
hacer la cabeza pensando en las dimensiones pero esto es una manera de hacerlo si quiero el 20 por ciento
de la pantalla necesito saber cuál es el Screen Six para eso esto ya lo habíamos hecho antes.
Mi idea punto o context .6 que entonces puedo decir que el height de esta página o de este contenedor
que estoy haciendo de este horizontal muy horizontal va a ser de seis seis apuntó height.
Por el 0.2 esto sería el 20 por ciento.
Dentro de ese contenedor Vanir.
Este nuevo widget que no hemos usado anteriormente y se llama el phpBB el patch nos va a servir a nosotros
para poder deslizar como widgets o páginas.
Si miramos la documentación de flores la verdad es que no ayuda mucho dice Lozano.
Tenemos ejemplos visuales pero imagínense que tuviéramos esta tarjeta pero de manera horizontal como
ustedes lo vieron en la demostración.
Por eso pongo la demostración al principio para que tengan una idea de lo que estamos haciendo.
Si dejamos el mouse encima del pais View hay varias cosas que nos está pidiendo acá hay varias cosas
que son opcionales y prácticamente lo que nos dice es que nos permite crear una lista de descolorida
o que se pueda hacer scroll y nos puede servir para cambiar página por página.
Eso no me dice mucho ya lo vamos a ver funcionando y esto nos va a aclarar las dudas.
El pH es una colección por la cual recibe un Children que es una lista de widgets que es una lista de
widgets pero lo voy a cambiar un poquito porque no quiero definir los widgets aquí adentro lo voy a
manejar de una manera diferente así que vamos a revisar listado de tarjetas así lo voy a poder tarjetas
y como Ok ya vamos a quedarnos este método inmediatamente recuerden que vamos a tener que revisar un
listado.
Entonces voy a definirlo acá en una lista de widget
que se llama tarjetas orillero ya ves qué es lo que quiero hacer acá.
Se acuerdan ustedes que nosotros estamos recibiendo una cantidad X de películas esa cantidad X es la
que yo tengo que usar para crear x cantidad de tarjetas de películas.
Para eso después de Podemos hacer un ciclo Fury un florín cualquier cantidad de cosas.
Lo voy a hacer de otra manera para variar para que ustedes también se familiaricen con otras formas
películas apuntó Mapp que esto me va a retornar a este mapa a una nueva lista o un nuevo integrable
que puede transformarse en un listado de widgets.
Eso es lo que voy a hacer acá entonces aquí adentro yo tendría una película una instancia individual
de película Abruzzi ya llaves y.
Aquí yo voy a hacer un retorno de un nuevo widget.
Este widget va a ser un container y vamos a definirnos físicamente como quiero que se mire esa tarjeta
me está bajando un error porque tengo que poner un punto tu lista para que lo convierta en una lista.
De esta manera si es una lista de widgets empecemos a definir nuestra tarjeta pueden suponer un margin
de insectos sólo en el hacer una separación.
Only right para la tarjeta que viene en el lado derecho tengo una separación de 15 puntos cero esto
ya lo vamos a ver funcionando en nuestro Chile.
Aquí es donde vamos a mostrar las imágenes y todo eso que va a tener una columna una columna de opinión
en esa columna tiene switched Chile también y empecemos colocando la imagen para la imagen.
Voy a retornar un Faith in Image y Image enteder tiene su imagen Tapp un network y Mazz Tapp y viene
el R.L de la película al póster que nosotros ya tenemos película.
Película Puntoticket poster.
Eso sería todo tiene su Pleiss Wolder que es la imagen que voy a mostrar mientras está cargando.
Esto sería un hacer y Mazz nada que no hayamos hecho antes.
Hacérselas y M.G. las imágenes.
Punto.
J.P. gente.
Hagamos que el FIT abarque todo el ancho posible.
Entonces Fit Box fit y usemos el cover especificarse.
De esta tarjeta de unos 160 píxeles ya lo vamos a arreglar esto lo podríamos ver con los valores para
asegurarnos de que se mire como nosotros queremos.
Vamos a grabar los cambios.
Ok vamos a grabar los cambios y aquí pareciera estar bien.
Estamos mandando nuestras tarjetas y aquí tendríamos.
Ahora usamos este muy horizontal para poder ir viendo lo que estamos haciendo porque ahorita estamos
como a ciegas.
O sea yo no sé exactamente cómo está quedando esto.
Entonces regresemos aquí al paisaje y hagamos lo siguiente Si Snapshot punto haz.
Si tiene data entonces voy a hacer un ratón de las películas horizontales y vamos a mandar el Snapshot
aquí las películas a recibir las películas.
Si no aparece porque es muy horizontal tengo que importarlos también lo importamos a subir asegúrese
de que aquí esté importado.
Que regresó acá.
Puntico.
Y aquí sí deberíamos detener las películas y películas que vienen del Snapshot punto data.
Caso contrario es voy a retornar.
No un container.
Voy a retornar un circular circular Progrès sindicar dependiendo de cómo se vea.
Puede ser que los entremos.
Puede ser que hagamos otra cosa y ahí lo tenemos.
Ahí están los populares y yo puedo hacer scroll.
Esto es el peaje que esto es el peaje que estaba cargando está cargando y las imágenes recuerden que
cargan con y son necesarias cuando ya entran al Big Ben ahí empieza a cargar Ben ahí empieza a cargar
pero yo no quiero que se mire como bueno no quiero.
Obviamente yo no quiero que se mire así entonces regresemos a la película horizontal y vamos a hacer
un pequeño cambio en nuestro paisaje.
Vivo en el page view presidenta y tenemos aquí lo que es el Controller que me dice que de tipo PH controles
entonces bajo controles dentro del pH controles tenemos el inicial PH y View por Fraction en el Inicial
PH pongamos que empiece con la página 1 y en la otra propiedades que tenemos acá del View por Fraction
vamos a poner 0.3 o sea cuántas imágenes o cuantas tarjetas quieren mostrar ustedes en el Viewpoint.
O sea le estoy diciendo que muestre lo que es 0.3 como sería bueno.
Recuerden que cada una esta sería 0.3 entonces 0.3 0.3 0.3 que serían 9 y todavía nos queda un cachito
acá y por eso se muestra la siguiente yo puedo hacer esto.
Ok no me gusta como tiene un magneto y no me gusta eso.
Esto también lo puedo controlar y la propiedad se llama Patch aquí está dentro de él Peach PEACH mapping
voy a ponerlo en falso porque por defecto estro Algaba los cambios ustedes van a ver que las tarjetas
mantienen el momentum que ustedes están usando.
Claro las imágenes no me gusta cómo se ven no me gusta cómo se ven cuadradas las redondeadas y con eso
vamos a terminar esta parte.
Ok ya vamos a darle el estilo necesario lo demás entonces para hacer las imágenes redondeadas.
Vamos a buscar donde estamos creando nuestro fair Image y vamos a envolver esto dentro de un nuevo widget.
Ya saben 4.4.3 enter control Z para arreglar todo.
Ahí está y en vez de widget va a ser un clip Hard Reset.
Noten que son dos erres pide el borde Radius borde Radius circular por lo que Moro de 20.05 que grabó
los cambios y ya se miran redondeadas.
Este texto está muy pegado.
Vamos a hacer un par de cambios en ese texto que vamos a revisar donde lo estamos creando estamos creando
en el Führer en el Führer tendremos populares podríamos colocar aquí un sandbox con un height y unos
5.0 pixeles.
Vamos a ver qué tal se grabó los cambios se separa un poco y también quiero que esa palabra populares
esté exactamente a la izquierda.
O sea quiero que esté aquí entonces podemos utilizar el mail no el Crosa Axis alarmé porque esto es
una columna del crossed acceso a la start.
Los cambios debería aparecer ahí porque estamos bien pero parece todavía muy allá.
Muy allá entonces podríamos colocar el texto dentro de un container y el contenedor es al que le vamos
a dar esas propiedades para ajustarlo a la tabulación para que se mire bien al texto vamos a colocar
un Padín lo vamos a poner un peine ech Insect Högni en el left de unos 20 puntos ser píxeles grabo loscambios.
Se mira mejor termino mejor podamos hacer un TriStar para ver cómo se mira.
Originalmente la aplicación vieron que nuestro loading quedó muy allá.
Podríamos centrarlo vamos a centrarnos en el widget.
Los cambios vamos a hacer un Ristar vamos a ver si eso ya pone nuestro loading en el medio.
Podremos asignar también los tamaños fijos de todo para que no se mire como se mueven las cosas o bien
bloquear todo hasta que se cargue la información.
Hay muchas maneras de procesar eso pero nuestra aplicación ya va tomando forma.
Ya tenemos un slider que si ustedes lo están corriendo su dispositivo debería correr mucho mejor que
en mi embolador porque yo estoy grabando videos y estoy corriendo los emuladores tengo un montón de
cosas abiertas pero en su dispositivo físico debería de funcionar muy bien antes de terminar la clase.
Vamos a colocarle el nombre de la película.
Abajo revisemos al muy horizontal tenemos aquí nuestro nuestra columna que es este widget que vamos
a colocar una coma seis Boks para hacer una separación entre lo que voy a crear.
Si quieren comentemos para que ustedes miren el efecto del sandbox o colocar el texto que el texto va
a ser el nombre de la película es película apuntó traeros grabó los cambios y debería aparecer ahí pero
noten que no cabe el título de la película se sale de los bordes.
Entonces podremos colocar aquí el overflow de Tex overflow o elipsis.
Eso debería de colocar unos tres puntos cuando ya no cabe en perfecto estado quedando bastante bien
y podríamos cambiar el estilo del cine.
Punto.
Of context punto texting ok punto caption podemos dejarlo sin ahora el context no existe acá entonces
voy a tener que mandarlo aquí el contexto context y aquí también lo vamos a mandar que sería el de acá.
Grabemos los cambios.
A ver que se miró un poquito más pequeño porque ese es el objetivo el caso y todavía el aquí tenemos
el SAIC Box comentado porque el texto de un título de película será muy pegado.
Podemos hacer el 6 de 1 5.0 o quitar esto y poner una coma.
Pero vamos los cambios y ya tienen su separación y las tarjetas se miran bastante bien.
Lo vamos a dejar así y continuamos con la siguiente clase.