Bien aquí tenemos que hacer varias cosas una de ellas es poder mostrar la fotografía de los artículos
siéntanse libres de hacer esa modificación como mejor les plazca.
Yo no es que les voy a voy a ser de grandes años porque ya hemos hecho bastantes clases sobre diseño
lo único que quiero hacer es mostrar la imagen y con eso se acaba el asunto.
Abramos el home page que es donde tenemos nuestra lista nuestros ítems aquí crear ítem y dentro vamos
a buscar dentro de él el cebo voy a agregar un nuevo widget acá.
Entonces si quieren voy a cortar esto se lo voy a quitar temporalmente lo voy a presionar presioné controlé
X o como en X lo voy a poner aquí abajo porque quiero hacer un par de cosas adicionales o un poco más
complejas dentro de este chat por ejemplo dentro del chat podría crearme una carga que casi no las hemos
usado en la tarjeta Enter.
Las tarjetas tienen su chip.
Voy a poner una columna una columna tap enter las columnas tienen su Children tap enter y aquí adentro
yo necesito hacer una evaluación.
Hay artículos que pueden ser bueno que yo haya creado que no tienen imágenes.
Entonces podría hacer la evaluación aquí ustedes tienen que pensar cómo va a funcionar bien su aplicación
si sus artículos van a aceptarse sin imágenes o con imágenes obligatoriamente.
Ahí depende mucho de ustedes.
Yo voy a suponer que la imagen es opcional pero no debería pero voy a suponer que la imagen es opcional
entonces aquí mismo puedo usar un operador ternario y preguntar si el producto se producto punto foto
o RL.
Esto es igual a null.
Quiere decir que no hay ninguna fotografía y si no hay ninguna fotografía entonces voy a retornar una
imagen parentesis enter y voy a decir que esta imagen va a ser de hacer Image y ustedes ya la tienen
ahí assets las pongamos no menos Image punto PNG.
Esa es la imagen que yo les facilité hace rato que sería ésta de aquí estoy acá sin imagen cierro perfecto
a quien me está marcando un error porque todavía me falta la segunda parte del operador ternario.
Entonces entre dos puntos esto quiere decir que si tenemos una fotografía entonces es una fotografía
que en este caso lo estamos tomando superpesados o estamos tomando de máximo del celular la máxima capacidad
del celular.
Y aquí voy a poner lo siguiente un fait imagen que me gusta mucho para manejar recursos que son externos
para que salga un adicto a la cosa aquí voy a colocar una imagen y va a ser un network Image Image del
R.L que es producto punto foto o espacio el play folder.
Vamos a usar el hacer match tap de te haces las Yar menos loading punto Kif porque acuérdese que esto
va a ser un GIF animado que da la sensación de que está cargando es una pequeña animación que ustedes
ya la vieron apuntaron.
Hay un gif de unos 300 puntos cero pixeles o un width de todo el ancho posible Tobo punto Infinity y
el FIT Box Fit vamos a usar el cover perfecto grabo los cambios y cada una de esas imágenes ya tiene
información ok ahí deberían de estar cargandose iban a aparecer eventualmente listo.
Adicionalmente vamos a hacer una pequeña prueba y borren cualquiera de las dos imágenes su sabor una
imagen o creencia un artículo que no tiene imagen como es el caso actual.
Entonces voy a regresar al emulador y voy a hacer un ISTAT para que vacié el caché y a ver qué es lo
que sucede ahora.
Una imagen debería tener este cuadro perfecto porque esa es la que no tiene el Werfel.
Ahora lo único que me hace falta es regresar este lista porque si no no puedo entrar a ese artículo
entonces lo voy a colocar justo abajo de mi operación ternario enter y lo voy a pegar acá grabo los
cambios como les dije siéntanse libres de hacer un diseño mucho más bonito que el mío.
Lo que acabo de hacer es sólo para explicarles y recuerden que para navegar el producto déjenme revisar
si solo para entrar al producto ustedes necesitan hacer clic en el lista.
Así que hagamos tap en la opción de lista para entrar al producto caemos a la pantalla del producto
pero aquí noten que cuando yo estoy editando el producto por ejemplo estoy acá que ya tiene una imagen
y entro noten que la imagen desaparece y eso es vamos a regresar a nuestro producto Pach.
Bajemos en la parte donde estamos mostrando la fotografía aquí está.
Nosotros decimos que si tiene una foto o R.L entonces muestra un contenedor vacío.
Ahora ya voy a trabajar con esto en vez de un contenedor vacío.
Lo que voy a hacer es retomar un fait y Mazz y me van a preguntar por qué.
Y y la imagen ya debía estar cargada en caché.
Sí posiblemente pero también posiblemente no porque son fotos algo pesadas si la persona entra a esta
página muy rápido entonces no hay nada de malo si tiene un Ferrini Mazz enter y machista.
Va a ser un network imagen de El producto apuntó.
Foto R.L perfecto.
Aquí voy a poner el Pleiss Wolder de un Acer y Mazz de assets Slash Jar menos loading punto que Tuki
enter Jack de unos 300 puntos cero pixeles y el FIT en este caso va a ser un box fit.
Vamos a usar el cover para si usamos el cover o el contain vas a usar el contain a ver qué tal se ve
puntico grabo loscambios y debería demostrarse la imagen perfecto y cabe la resolución respectiva para
que aparezca de esa manera.
Ustedes puede ser que desaparezca todo el cuadrado como ustedes quieran ahora quiero que noten lo siguiente
si yo selecciono una nueva fotografía
noten que la anterior no se sobrescribir cosas como que no le cayó encima y eso está bien porque eso
es lo que les estamos diciendo que haga.
Regresemos a la parte de la selección de la selección de la fotografía por algún lado la tenemos acá.
Recuerdan que yo había puesto aquí que había que hacer una limpieza aquí hay que hacer algo.
Si nosotros estamos seleccionando una nueva foto y el producto actual ya tenía un foto o R.L entonces
no se está dibujando esta parte y para eso lo único que yo voy a tener que hacer es decir que el foto
perdón el producto punto foto foto o R.L va a ser igual al puntico.
Y aquí se hace el sextete.
Vamos a ver la lógica de eso estoy borrando el R.L de la fotografía para que cuando nosotros lleguemos
al mostrar foto esto se anulo cuando se vuelva a redibujar mediante el sextete.
Esto va a ser nulo entonces para ejecutar este código y recuerden que aquí ya tendríamos un parte de
la fotografía.
Grabemos los cambios y vamos a probar de nuevo.
Voy a tocar el botón Voy a seleccionar la fotografía.
Estaré acá y ahí aparece.
Claro que sí.
Yo no salvo los cambios.
Entonces la fotografía no se almacena en la base de datos ok se queda así.
Lo último que me hace falta es probar crear un artículo y subir la fotografía todo en una sola vez.
Pero para eso déjenme conectar el dispositivo Android y hacer la prueba ya real hoy porque por alguna
razón el emulador de ellos está subiendo fotos sumamente pesadas.
Entonces vamos a probarlo en nuestro dispositivo móvil.
Un momento ok aquí estoy en la pantalla el dispositivo Android como ustedes pueden observar ahí ya está
apareciendo la información.
Está bien la aplicación.
De hecho hasta voy a hacer un Ristar aquí sólo para que ustedes puedan ver el loading de la imagen que
se mira bien que está cargando una imagen igual son imágenes pesadas y mi conexión a Internet no es
la mejor pero no esperemos un momento debería de aparecer la imagen perfecto ahí está.
Puedo bajar esta imagen no tiene fotografía vamos a tocar una se puede hacer tap y cualquier objeto
navega a la otra pantalla.
Voy a seleccionar la del carrete.
No tengo ninguna foto de alguna motocicleta.
Voy a seleccionar vamos a seleccionar cualquiera voy a seleccionar esta acá ese código son unas pruebas
que yo había dicho anteriormente toque en el botón de guardar la fotografía.
Recuerden que ustedes pudieran poner algún loading ahí ustedes ya saben cómo porque tienen la condición
de que cuando se está cargando.
Entonces podrían decir que cuando se está cargando.
Entonces que muestre eso.
Aquí pasó algo interesante en nuestro código la fotografía sí se subió pero no se recargó el código
aquí atrás tengo que hacer un TriStar y ahí sí veo la fotografía.
Estos son problemas que tendríamos que resolver o que vamos a hacer.
Ahora voy a tocar el botón de crear un nuevo producto vamos a seleccionar de la Cámara voy a tomar una
foto de esta otra cámara ok esa es la fotografía de la mejor fotografía se podría recortar se puede
cambiar el aceite previo.
El radio de la imagen porque han salido muy largas puede tener Okkhoy ahí está la fotografía perfecto.
Aquí GoPro lo escriben bien y el precio va a ser de unos 300 300 puntos 99.
No sé qué precio sea y voy a tocar el botón de guarda esperemos un segundo.
Eso debería ser todo el proceso.
Recuerden que el artículo no existe debería crearlo y debería resetearlo.
Si yo hago en este caso la imagen si la cargó automáticamente porque no existía.
Tenemos el problema de que cuando yo entro a un registro voy a hacer clic en un registro y actualizo
su fotografía.
Voy a poner una de pruebas voy a seleccionar esta la Pepsi nuevamente tocó guardar el segundo registro
debería tener la foto de la Pepsi y vamos a esperar un segundo.
Qué extraño aquí si lo hizo bueno no se preocupen realmente porque nosotros lo que vamos a hacer a continuación
en nuestra aplicación es implementar toda esta misma lógica que ya hemos hecho en base a puros truchos
pero ahora lo quiero trabajar en base a El Patrón Block para que nosotros podamos controlar esta parte
es decir que cuando se inserte un nuevo registro añadir eso al Extrem y el stream que se dibuje aquí
entonces eso es lo que vamos a hacer en los próximas.
Bueno yo creo que en la próxima en la próxima sección porque ya el código o la sección se hizo bastante
larga y esto es bastante interesante lo que acabamos de lograr.
Hemos sido capaces de tomar fotografías de seleccionar fotografías de subirlas a FIBES de utilizar servicios
de terceros y Piave para subir la imagen y podríamos subir más imágenes a la vez.
En fin hemos hecho bastantes cosas.
Espero que esto les sirva para que ustedes puedan crear sus aplicaciones y los veo en el próximo o en
la próxima sección.
No se olviden de dejar una calificación al curso por favor.
Es importante para mí si el curso les está funcionando y les sirve y si pueden yo les agradezco mucho
si ustedes son tan amables de recomendar mi curso a otras personas que la verdad espero que usted lo
hayan adquirido al menor precio posible curso y espero que noten que están ganando más de lo que ustedes
han invertido.
Por lo menos eso es mi objetivo que ustedes sientan eso que siempre reciben más de lo que ustedes están
pagando.
Pero bueno es momento de continuar y los veo en la próxima sección.