El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Desarrollo Android avanzado: Librerías

Cambiar tamaños de imágenes desde ImageView

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Cambiaremos el tamaño de las imágenes que se estarán mostrando en un elemento ImageView y se explicará el caso en específico de las imágenes de error y las imágenes previas antes de la carga de la imagen principal.

Transcripción

Para cerrar este módulo, uno de los temas que, en realidad, son por decir puntos finos o también por decir los detalles, se llama el cambio de tamaño. El cambio de tamaño dentro de una imagen, es algo que, en realidad, consume muchos recursos. Y no te quiero decir en Android, imagínate en un teléfono. Ahora, Picasso lo resuelve muy bien. Y si te das cuenta, en realidad, nosotros únicamente mandamos a llamar métodos o clases. Para este ejercicio, voy a usar esto que ya tenemos predefinido. Es decir, tenemos una carga de imagen, tenemos en este caso el placeholder, y tenemos el manejo de error. Y finalmente tenemos el clásico volcado o inserción de imagen. Ahora, cuando nosotros queremos ajustar el tamaño de la imagen, existe, en realidad, una simple instrucción que lo hace por nosotros. Esta instrucción se llama resize. La podemos colocar, y yo te recomiendo que la coloques al final, es decir, después del error. Aquí ponemos punto, agregamos la instrucción resize. Aquí como tengo un punto, me lo está marcando como error. Lo que sucede es que el punto se iría hasta el final. Lo colocamos aquí. Y en esta parte me marca un error. No te preocupes, es normal, lo que sucede es que al momento de estar haciendo la referencia no me está permitiendo colocar el paréntesis. Lo coloco yo manualmente y no pasa nada. ¿Qué es lo que sucedió? El autocompletar falló, eso es normal. Lo que sucede es que, en algunos casos, no se va a sincronizar de forma correcta. Bueno, ya que hacemos esta aclaración, ahora regresamos a esta parte del código. Adentro del resize deben de ir dos números: el número del alto y el número del ancho. Tú decides qué número, por ejemplo, yo voy a poner algo como 50, 50. Yo lo que estoy haciendo en este caso es indicarle que voy a reasignar el valor del alto y del ancho. En otras palabras, estamos "renderizando" la imagen. Por ejemplo, veamos cómo se veía la ejecución del código. Vemos el tamaño, más o menos, creo que se ve bastante bien. Ahora vamos a ejecutar... Abrimos el emulador y se hicieron los cambios. ¿Qué fue lo que sucedió? Estamos viendo una imagen de error. Ahora vamos a colocar la imagen como tiene que ser. Guardamos. Ejecutamos. Y abrimos el emulador. Ahora sí, ¿qué es lo que pasó? Este tamaño que se está moviendo o modificando, en realidad, se aplica a la imagen principal. La imagen de error y la imagen placeholder no tuvieron efecto, pero, ojo, no significa que siempre sea así, esto depende del tamaño. Por ejemplo, si tenemos una calidad muy alta en placeholder y no tenemos una calidad tan alta en error, puede ser que no se note la diferencia, dependiendo de las calidades. En este caso, podemos ver que sí se aplicó. Y, de hecho, podemos hacer lo siguiente, podemos abrir el navegador, vemos la imagen que tenemos de error, copio la ruta, abrimos Android Studio, y mostraremos la primera imagen de forma diferente. La imagen de error es la misma, aunque esté tomada de diferentes lados. Aquí la estoy tomando de internet y en el segundo la estoy tomando de mi Android Studio. Entonces vamos a ejecutar, abrimos el emulador, y vemos cómo aquí sí se ve el error. Ahora, voy a poner una url que esté mal, simplemente meto alguna letra, por ejemplo así, ejecuto, abrimos el emulador y vemos lo que sucedió. El efecto no se está mostrando, porque solamente se está mostrando para el primer elemento, siendo la misma imagen. Es decir, tienen el mismo tamaño, tienen la misma densidad y tienen el mismo alto. O sea que todo es idéntico. Lo que sucede es que esto se está aplicando únicamente para la carga de la imagen principal. Así que la imagen de error y la imagen de placeholder ya deben de tener el tamaño adecuado y, por supuesto, ya la debes de tener para cada una de las densidades.

Desarrollo Android avanzado: Librerías

Descubre las librerías más usadas en Android, y aprende cómo te pueden ayudar a reducir el tiempo de desarrollo de una aplicación a la vez que mejoras sus funcionalidades.

2:50 horas (35 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.