Join our newsletter!

Enter your email to receive our latest newsletter.

Don't worry, we don't spam

Ferryanto

By Ferryanto

cardview# tutorial android# tutorial xml# xml android# android developer# android tutorial# developer android

4 tahun yang lalu

Android Tutorial XML Trik Circle Imageview menggunakan Cardview

Jika anda membutuhkan view image dengan bentuk circle (biasanya digunakan untuk image profile / avatar), seperti contoh gambar dibawah. Bisa menggunakan cardview dengan beberapa penyesuian. ada beberapa library yang bisa digunakan untuk hal tersebut, kali ini kita menggunakan dengan cara paling sederhana.

Tambahkan dependencies appcompat pada build.gradle project anda :
- implementation androidx.appcompat:appcompat:1.x.x (silahkan gunakan versi yang terbaru)
- implementation 'androidx.cardview:cardview:1.x.x' (silahkan gunakan versi yang terbaru)
- Kemudian pada layout xml anda silahkan tambahkan card view dan masukkan imageview di dalamnya (silahkan lihat contoh berikut)
 <android.support.v7.widget.CardView
     android:layout_width="120dp"
     android:layout_height="120dp"
     android:elevation="12dp"
     android:id="@+id/view2"
    app:cardCornerRadius="50dp"
     android:layout_centerHorizontal="true"
     android:innerRadius="0dp"
     android:shape="ring"
     android:thicknessRatio="1.9">
     <ImageView
         android:layout_height="80dp"
         android:layout_width="match_parent"
         android:id="@+id/gambarcircle"
         android:src="@drawable/srcgambarcircle"
         android:layout_alignParentTop="true"
         android:layout_centerHorizontal="true">
     </ImageView>
  </android.support.v7.widget.CardView>
silahkan sesuai cardCornerRadius jika layout_width dan layout_height anda lebih besar / kecil dari contoh diatas
#android #androidstudio #developerandroid #androidsurabaya #cardview #appcompat #tutorialandroid

Related Articles

Apa itu UUID Universally Unique Identifier

Ferryanto

uuid# laravel# str# Universally Unique Identifier

Apa itu UUID Universally Unique Identifier

UUID singkatan dari Universally Unique Identifier adalah sebuah string identifikasi yang digunakan untuk mengidentifikasi secara unik objek atau entit...

Read More
Pilih Mongodb atau PostgreSQL ?

Ferryanto

nosql# db relasional# mongodb# database# lapantiga

Pilih Mongodb atau PostgreSQL ?

Pemilihan antara MongoDB dan PostgreSQL tergantung pada kebutuhan spesifik proyek atau aplikasi Anda. Keduanya adalah sistem manajemen basis data (DBM...

Read More
Search query multiple column on Lumen

Ferryanto

query# data# lumen# framework# api# laravel

Search query multiple column on Lumen

Jika anda ingin melakukan query data lebih dari satu kolom pada table database di framework lumen, berikut adalah salah satu cara yang bisa anda gunak...

Read More
Elemen penting perencanaan project aplikasi Mobile

Ferryanto

android# ios# aplikasi# develop# react

Elemen penting perencanaan project aplikasi Mobile

Dalam sebuah project aplikasi, perencanaan adalah proses yang sangat krusial. Karena di fase ini akan menentukan elemen-elemen penting yang perlu dipe...

Read More