Android — Primeros pasos con Picasso

Alex Mendoza Ventura
devStories
Published in
4 min readJul 21, 2016

Si alguna vez has tratado de desarrollar una aplicación en Android lo más probable es que tenga imágenes y, sin duda tendrás que descargarlas de internet.

En mi experiencia personal, cuando entré al mundo de desarrollo Android tenía problemas para poder descargar las imágenes y mostrarlas en mi aplicación, es por este motivo que comencé a indagar sobre librerías que me ayuden a realizar este proceso de una manera más sencilla, y así fue como conocí la librería Picasso, que es una librería creada y mantenida por Square, utilizada para la gestión de imágenes para Android.

¿Por qué usar Picasso?

Por que Picasso fue creada con el propósito de mostrar imágenes de una manera super rápida y sencilla simplificando el proceso que anteriormente se tenía que hacer.

Además Picasso se encarga de la solicitud HTTP, el almacenamiento en caché de imágenes, y hasta depurar, por lo tanto, nos hará la vida más fácil a la hora de codear.

Bueno, una vez dicho esto, pasaremos a la parte práctica y realizaremos una pequeña app, y con ello estaremos dando nuestros primeros pasos con Picasso.

Ejemplo Básico

En este ejemplo lo que hará nuestra app es descargar una imagen de internet y mostrarla en nuestra aplicación, entonces comencemos:

Primer paso: Creando un nuevo proyecto

Como primer paso, abriremos nuestro Android Studio, y realizaremos la creación de un nuevo proyecto.

Posteriormente elegiremos el nombre de la aplicación y el dominio. En este caso, las he nombrado de la la siguiente forma:

  • Application Name: Picasso
  • Company Domain: com.test.picassoapp

Una vez hecho esto, nos aparecerá una ventana, donde tendremos que elegir la actividad principal para el proyecto, para este ejemplo elegiremos una actividad en blanco.

Segundo paso: Añadiendo la librería Picasso en el proyecto

Como segundo paso nos dirigimos al build.gradle (module) del proyecto.

Y agregamos la siguiente línea de código, dentro de la dependencia:

Tercer paso: Agregando los de permisos de Internet

Como tercer paso tendremos que agregar los permisos de internet, para que Picasso pueda realizar la descarga de la imagen desde la web, para ello nos dirigiremos al Android Manifest.

Y agregaremos la siguiente línea de código:

Cuarto paso: Agregando un ImageView

Como cuarto paso agregaremos un ImageView en el layout de la aplicación, para agregar el ImageView nos dirigimos a res>layout>activity_main.xml.

Para posteriormente agregar lo siguiente:

Quinto paso: Implementando Picasso

Como paso final daremos la lógica a nuestra app, por lo cual nos vamos a la carpeta java>MainActivity.

Para agregar las siguientes líneas de código:

Y como resultado final se tendría lo siguiente:

Conclusiones

Como verás Picasso es una potente librería que nos ayudará a gestionar las imágenes de nuestras aplicaciones de una forma rápida y sencilla, así que no dudes en aplicarla en tus proyectos.

Para mayor información puedes consultar la documentación oficial que puedes visitar en los siguientes enlaces:

--

--