C√≥mo a√Īadir una imagen circular

En muchas aplicaciones por mero motivo est√©tico se utilizan una serie de im√°genes circulares, 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 una imagen circular en Android.

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í

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!

También te podría gustar...

Veces compartido
¬°No te pierdas ning√ļn art√≠culo!

Suscríbete a nuestro newsletter semanal y serás el primerio en enterarte de todo el nuevo contenido del blog.