Cara Membuat ImageView Bulat (Circle) di Android Studio

Posted on

Cara Membuat ImageView Bulat (Circle) di Android Studio – Halo devandro! Kali ini saya ingin membagikan sebuah tutorial android sederhana untuk membuat imageview berbentuk bulat seperti halnya digunakan untuk foto profil di media sosial pada umumnya. Sebenarnya banyak cara untuk membuat imageview berbentuk bulat (circle) ini, ada yang membuat dari xml atau menggunakan library yang emang kegunaanya untuk membuat imageview ini berbentuk bulat. Pada umumnya devandro pasti untuk membuat imageview bulat ini menggunakan library kepunyaan hdodenhof ( library circle imageview  ),Nah yang ingin saya beritahu disini kita tidak akan menggunakan library tersebut. Di tutorial ini kita akan menggunakan library Processing Image yaitu Glide! Karena glide ini sendiri sudah menyediakan method untuk membuat imageview kita bulat (circle).

Cara Membuat ImageView Bulat (Circle) di Android Studio
Cara Membuat ImageView Bulat (Circle) di Android Studio

Pada library Glide ini kita akan memakai method RequestOptionsnya library Glide. Jadi devandro tidak perlu repot repot atau menambah library kepunyaan hdodenhof lagi, karena dengan Glide saja sudah cukup. Methodnya sebenernya sangat sederhana, hanya menambahkan 1 line code saja. Methodnya kurang lebih seperti ini :

Kegunaan method tersebut adalah untuk membuat imageview kita menjadi bulat (circle). Untuk full pengaturan Glidenya kurang lebih seperti ini :

Sangat sederana bukan ? Nah jika devandro masih bingung bagaimana Cara Membuat ImageView Bulat (Circle) di Android Studio ini saya akan membuat sample project sederhana. Disini project ini devandro akan membuat 1 imageview yang diload dari internet dan 1 imageveiw yang diload dari drawable project kita.

Pertama,

Buat project dengan nama SampleImageCircle.

Kedua,

Buat empty activity lalu namakan dengan ImageCircleActivity.

Ketiga,

Buka activity_image_circle.xml lalu tambahan 2 komponen imageview. Untuk kodenya adalah sebagai berikut :

Keempat,

Buka androidmanifest.xml lalu tambahkan permission Internet. Karena untuk kebutuhan mengambil gambar dari internet ini kita memerlukan koneksi internet. Untuk kodenya seperti ini :

Kelima,

Buka gradle app devandro lalu tambahkan library Glide tersebut. Untuk kodenya adalah sebagai berikut :

Untuk full code gradle app kurang lebih begini :

Keenam,

Setelah sudah menambahkan library Glide kedalam project android devandro, maka sekarang devandro buka ImageCircleActivity.java lalu init component yang sudah kita buat tadi.

Ketujuh,

Didalam onCreate buat kode seperti ini :

Untuk full source code yang ada didalam ImageCircleActivity.java sebagai berikut :

Kedelapan,

Silahkan jalankan aplikasi android devandro! dan taraaa imageview devandro akan berbentuk bulat.

Cara Membuat ImageView Bulat (Circle) di Android Studio

 

Download project Cara Membuat ImageView Bulat (Circle) di Android Studio

[sociallocker]

download project

[/sociallocker]

 

BACA JUGA :

Library Glide, Library untuk Menampilkan Gambar dari Internet

Tutorial Mendapatkan Lokasi Kordinat Menggunakan FusedLocationProviderClient

Cara Mendapatkan API Key Google Lengkap dan Mudah

 

Sekian tutorial pemrograman android sederhana mengenai Cara Membuat ImageView Bulat (Circle) di Android Studio. Semoga bermanfaat dan seperti biasa jika ada kesulitan atau bingung bisa langsung berkomentar di artikel ini ya.

 

Hatur nuhun!

Gravatar Image
Seorang manusia biasa yang mempunyai fokus ke bidang pemrograman android dan ngeblog mengenai teknologi.

Leave a Reply

Your email address will not be published. Required fields are marked *