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