Menambahkan CardView ke dalam RecyclerView
Oke, langsung saja. Sebelum mulai menambahkan CardView ke dalam RecyclerView, pertama-tama kita harus membuat sebuah project baru di Android Studio terlebih dahulu. Dilanjutkan dengan dengan mengikuti tutorial membuat RecyclerView dari sini. Karena kita akan menggunakan project RecyclerView yang sama untuk tutorial ini, hanya tinggal menambahkan CardView di project tersebut.
Oke, jika sudah, tinggal buka file layout view_rv_item.xml dan tambahkan layout XML CardView seperti dibawah ini :
1
2
3
4
5
6
7
8
9
10
11
12
| android:id="@+id/cv_main" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="4dp" card_view:cardBackgroundColor="@color/background_material_light" card_view:cardCornerRadius="3dp" card_view:cardElevation="2.5dp">....</android.support.v7.widget.CardView> |
Hasil final dari file view_rv_item.xml :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
| <?xml version="1.0" encoding="utf-8"?> android:layout_width="fill_parent" android:layout_height="?android:attr/listPreferredItemHeight" android:padding="4dp"> android:id="@+id/cv_main" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="4dp" card_view:cardBackgroundColor="@color/background_material_light" card_view:cardCornerRadius="3dp" card_view:cardElevation="2.5dp"> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="3dp"> <ImageView android:id="@+id/icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentTop="true" android:layout_marginRight="6dip" android:contentDescription="TODO" android:src="@mipmap/ic_launcher" /> <TextView android:id="@+id/tv_subtitle" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_toRightOf="@id/icon" android:ellipsize="marquee" android:singleLine="true" android:text="Description" android:textColor="@color/secondary_text_default_material_light" android:textSize="12sp" /> <TextView android:id="@+id/tv_title" android:layout_width="wrap_parent" android:layout_height="wrap_content" android:layout_above="@id/tv_subtitle" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:layout_alignWithParentIfMissing="true" android:layout_toRightOf="@id/icon" android:gravity="center_vertical" android:text="Example application" android:textColor="@color/primary_text_default_material_light" android:textSize="16sp" /> </RelativeLayout> </android.support.v7.widget.CardView></RelativeLayout> |
Demo
Setelah itu kalian bisa coba jalankan projectnya, maka hasilnya akan menjadi seperti di bawah ini :
Implementasi CardView di RecyclerView
That’s all ! Semoga membantu. ? Dan jangan lupa untuk clone project nya sebagai Android Studio module di GitHub saya ya, dengan terlebih dahulu follow dan star project tersebut. ?Silahkan bertanya di bagian komentar jika ada yang kurang jelas.
Tidak ada komentar:
Posting Komentar