Cómo añadir una imagen circular

En muchas aplicaciones por mero motivo estético se utilizan una serie de imágenes en forma de círculo, sea para adaptarse a Material Design u otras cuestiones de diseño. Entre ellas encontramos la imagen de usuario en la app de Twitter por ejemplo, los chats de Messenger o las historias de Instagram. Sea cual sea el caso, hoy veremos cómo podemos implementarla en nuestra app.

 

 

Importando la librería CircleImageView

Para este ejemplo veremos cómo añadir una imagen circular con la librería Circle Image View. Así que para ello, nuestro primer paso va a ser importarla en el archivo build.gradle del módulo ‘app’, en el apartado ‘dependencies’. De tal manera que nos queda así:

Seguidamente sincronizaremos de nuevo el proyecto pulsando en Sync Now en azul arriba a la derecha para hacer la importación efectiva. A partir de aquí solo nos queda añadir el código xml correspondiente de Circle Image View en cualquier Layout que dispongamos. El objeto ‘de.hdodenhof.circleimageview.CircleImageView’ lo utilizamos de igual manera que si de un ‘Image View’ convencional se tratara. Así pues, añadimos nuestro objeto al layout.

 

Añadiendo CircleImageView al Layout

Los ajustes ‘app:civ_border_width’ y ‘app:civ_border_color’ corresponden al ancho y color del borde respectivamente. Podemos eliminar el borde sencillamente quitando estas 2 líneas o dando un ancho de ‘0dp’.

En este caso utilizamos una imagen cargada directamente desde el directorio ‘Drawable’ dentro de la app, pero podemos acceder al objeto desde el código instanciandolo como un ImageView cualquiera y utilizar los métodos ‘.setImageDrawable()’ o ‘.setOnClickListener()’:

 

El resultado final, pasando de la imagen original :

Como veís, es muy sencillo utilizar imágenes circulares en las aplicaciones, aparte nos dan ese toque al estilo Material Design que hará que nuestra aplicación sea mas cómoda para la vista de nuestro usuarios, evitando así imágenes cuadradras o descentradas.

 

Más en Github

 

Mario Camí Author

Desarrollador de aplicaciones Android. Amante de todo lo Open Source, de los videojuegos y nuevas tecnologías. En mi tiempo libre comparto todo lo aprendido y lo que aprendo en el desarrollo de Android a modo de artículo en el blog. La información nos hará libres!