Esta sección vamos a trabajar con estos tres diseños de la aplicación.
Empezaremos con un ejercicio que es el que está en la documentación oficial de flores que yo se los
voy a dejar en el Mattelart adjunto de esa clase para que ustedes puedan ver el código original que
la gente de floreada para crear este ejercicio.
Yo voy a hacer ciertas modificaciones que considero que son necesarias para que se adapte aún mejor
a la pantalla pero es bueno que ustedes sepan de dónde se encuentra la información oficial.
Nosotros tenemos que desarrollar la habilidad de ver cada uno de esos elementos y poder diferenciarlos
o extraerlos en su forma en bruto o en su forma más básica que sería en columnas Roz y stacks.
En este caso nosotros podríamos observar cuatro widgets principales cinco incluyendo el escafoides pero
podríamos ver la imagen principal que es un widget Image o un Faydit Image.
Luego tendríamos otro widget que lo que tiene ahí es como un contenedor donde está un título o un subtítulo
y una estrella con el número 41.
Abajo tendríamos otro widget que tiene tres elementos que podrían ser botones íconos normales y un texto
abajo más más texto.
Si lo separamos en varias partes tendríamos que ese contenedor o mejor dicho ese widget ese William
Brow va a tener tres hijos va a tener una columna donde está el título y el subtítulo va a tener otra.
Otro elemento que es la estrella y otro elemento que es el texto.
Si vemos ahora el widget de abajo lo que sería es un Rou con tres elementos y cada uno de sus elementos
sería una columna que tiene dos elementos internamente ya lo vamos a hacer todo paso a paso tranquilos
esto es una simple demostración y al final hay un texto que abarca todo ese espacio así que siempre
tendríamos que ver esos contenedores.
Ahora sí les planteo otro ejemplo como el que estamos viendo en pantalla.
Tenemos un 11 grados miércoles y una de las flechita direccional abajo que es un ícono ok.
Cómo podríamos analizar esto.
Primero todo lo que tenemos aquí en pantalla se realizaría en base a Stack columnas y phpBB.
Por qué el phpBB.
Yo necesito poder hacer scroll hacia arriba y que aparezca la siguiente pantalla la información que
tenemos hoy el 11 miércoles y la fecha direccional abajo las podríamos agrupar en columnas que se mirarían
más o menos así en una columna tendríamos el 11 abajo de ese 11.
El texto miércoles luego tendríamos un six post o un container expandido y al final tendríamos otro
ícono un ícono que simplemente le dice al usuario que puede deslizar hacia abajo o tocar ese ícono para
mover la pantalla.
Por último tenemos otro ejercicio un poco más elaborado que este sería el que vamos a hacer al final
de la sección que es un poco más complejo y hay muchas cosas en pantalla pero la idea es la misma vamos
a tener seis Evia widgets personalizados vamos a tener que implementar un blur contenedores fotos Navigation
par en fin bastantes cosas pero esto se termina reduciendo lo que son columnas Rous stacks contenedores
sólo que están agrupados de cierta posición.
Esta es una breve introducción de lo que vamos a hacer en esta sección pero yo les voy a facilitar el
material adjunto esta presentación para que ustedes la tengan a mano por si acaso quieren seguir analizando
los ejemplos conmigo.
Pero en los videos yo se los voy a ir mostrando pero se los voy a dejar a la mano por si acaso los necesitan.
Vamos a continuar con la siguiente clase donde implementaremos el primer ejercicio que es nuestra nuestra
aplicación básica que estamos viendo acá que es la documentación de flores igual esto está en el material
adjunto.
Los veo en la siguiente clase.