Hallo blogger kali ini saya akan menjelaskan tentang membuat gambar bulat dengan CircleImagaView di android studio. Untuk mempercantik tampilan gambar profil yang berbentuk kotak sering diubah menjadi gambar profil berada didalam lingkaran / bulatan bergaris seperti gambar dibawah ini. banyak cara untuk membuat gambar menjadi lingkaran, pada kesempatan kali ini saya memilih menggunakan library milik hdodenhof. tidak sulit sebenarnya untuk menampilkan gambar didalam lingkaran bergaris berikut langkah-langkah.nya
Baca Juga mengubah font textview android studio
- buka build gradle (module: app)
- didalam dependencies {} tambahkan
compile 'de.hdodenhof:circleimageview:2.1.0'
sehingga menjadi - Lakukan Sync Now untuk menyingkronkan / mengcompile library
- untuk menampilkan gambar didalam lingkaran bergaris pada xml gunakan script berikut
<de.hdodenhof.circleimageview.CircleImageView android:layout_marginLeft="2dp" android:layout_marginTop="8dp" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/profile_image" android:layout_width="150dp" android:layout_height="150dp" android:gravity="center" android:src="@drawable/user_profile" app:civ_border_width="1dp" app:civ_border_color="#FF000000"/>
keterangan
- android:src= "@drawable/user_profile" gambar disimpan pada drawable dan diberi nama user_profile
- width dan height 150dp
- border 1dp dengan kode warna #FF000000
- ubah <Imageview menjadi <de.hdodenhof.circleimageview.CircleImageView
- gravity center
Bonus membuat form login uber android studio
cukup mudah bukan mungkin cukup sekian tutorial saya kali ini tentang membuat gambar didalam lingkaran menggunakan CircleImageView android studio. jika artikel ini bermanfaat dan ada yang ingin ditanyakan silahkan masukkan ke kolom komentar
Terima kasih :)
Terima kasih :)