CardView Android

cardview android

Cardview merupakan salah satu elemen dari material desain yang diadopsi oleh android versi L. Dengan widget cardView kita bisa mengelompokan konten yang ada dalam satu kotak yang memiliki efek elevation (shadow) sehingga membentuk seperti sebuah kartu. Meskipun cardView baru ada di android L, tapi kita bisa mengimplementasikannya untuk versi sebelumnya.

Kali ini saya akan menunjukan cara memasang widget CardView. Untuk memasangnya kita hanya perlu bersentuhan dengan file xml tanpa perlu menambah code di class java.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <android.support.v7.widget.CardView
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="400dp"
        card_view:cardCornerRadius="4dp"
        card_view:cardElevation="4dp">

...

</android.support.v7.widget.CardView>
</LinearLayout>

Diatas adalah kode frame cardView, kita tinggal menambahkan konten yang akan dikelempokan ke dalam cardview.

cardCornerRadius digunakan untuk mengatur tingkat lengkung sudut dari carview

cardElevation digunakan untuk mengatur jarak shadow dari cardview.

Kita bisa menggunakan lebih dari satu widget cardview dalam satu layout, namun cardview hanya bisa memiliki 1 anak (onechild) di dalamnya. Artinya sebelum kita menambahkan konten kedalamnya, kita masukan dulu Layout boleh LinearLayout atau yang lainnya, baru kita masukan konten yang diinginkan ke dalam layout tersebut.

.....
<android.support.v7.widget.CardView
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="400dp"
        card_view:cardCornerRadius="4dp"
        card_view:cardElevation="4dp">
<Linerlayout
        android:layout_width="match_parent"
        android:layout_height="400dp">

/* konten yang diinginkan*/

</LinearLayout>
</android.support.v7.widget.CardView>
....

Nah itu dia cara memasang widget cardview, semoga bermanfaat dan selamat bereksperimen.

 

 

 

Like
Like Love Haha Wow Sad Angry

Leave a Reply

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