"Android Notes" Cardview+recyclerview use example

Cardview+recycleview can be very convenient to implement a card-type list layout, before writing card-type layout is very troublesome (address: http://blog.csdn.net/chdjj/article/details/41546477), You also have to write various resource files.
In addition, we have to pay attention to itemdecoration using Recyclerview alone, but it is not necessary to use CardView because CardView itself can set shadows.
Here is a simple example.

:

A little ugly? It's OK to adjust it yourself. Here is just an example.

Step: 1. Add dependencies:

Compile ' com.android.support:cardview-v7:21.0.0 '    compile ' com.android.support:recyclerview-v7:21.0.0 '

2. Page layout:

< Relativelayout xmlns:android= "http://schemas.android.com/apk/res/android" xmlns:tools= "Http://schemas.andro                Id.com/tools "android:layout_width=" match_parent "android:layout_height=" Match_parent " Tools:context= ".            Mainactivity "> <android.support.v7.widget.recyclerview android:id=" @+id/main_recyclerview " Android:layout_width= "Match_parent" android:layout_height= "match_parent" android:scrollbars= "ver Tical "></ANDROID.SUPPORT.V7.WIDGET.RECYCLERVIEW></RELATIVELAYOUT> 

3.item layout:

<?xml version= "1.0" encoding= "Utf-8"? ><linearlayout xmlns:android= "http://schemas.android.com/apk/res/ Android "Android:layout_width=" match_parent "android:orientation=" Vertical "Android : background= "#ff3cffdd" xmlns:tools= "Http://schemas.android.com/tools" xmlns:card_view= "http://s Chemas.android.com/apk/res-auto "android:layout_height=" match_parent "> <android.support.v7.widget.ca Rdview android:layout_width= "match_parent" android:layout_height= "130DP" card_view:cardcornerradius= " 4DP "card_view:cardbackgroundcolor=" #fff "card_view:cardelevation=" 2DP "android:layout_margintop=" 2DP            "Android:layout_marginleft=" 3DP "android:layout_marginright=" 3DP "> <linearlayout android:orientation= "Horizontal" android:layout_width= "match_parent" android:layout_height= "Ma Tch_parent "> <imagEview android:src= "@mipmap/ic_launcher" android:layout_gravity= "center" Andro                Id:layout_width= "Wrap_content" android:layout_height= "wrap_content"/> <textview                Android:id= "@+id/info_text" android:gravity= "center" android:textcolor= "#000" Android:textsize= "19SP" android:layout_gravity= "center" tools:text= "@string/hello_worl D "Android:layout_width=" Match_parent "android:layout_height=" Match_parent "/> < /linearlayout> </android.support.v7.widget.CardView></LinearLayout>

here, if you want to add a custom attribute to CardView, you must include its namespace:

xmlns:card_view= "Http://schemas.android.com/apk/res-auto"

4. Adapter:

Package Com.taobao.recyclerviewwithcardview.ui.adapter;import Android.support.v7.widget.recyclerview;import Android.view.layoutinflater;import Android.view.view;import Android.view.viewgroup;import Android.widget.TextView ; Import Com.taobao.recyclerviewwithcardview.r;import java.util.list;/** * Created by ROWANDJJ on 2015/3/25. */public class Mainadapter extends recyclerview.adapter<mainadapter.viewholder>{private list<string>    Mdataset = null;    Private Onitemclicklistener Mlistener;    Public Mainadapter (list<string> dataset) {this.mdataset = DataSet; } @Override Public Viewholder oncreateviewholder (viewgroup viewgroup, int i) {final View Itemview = layou        Tinflater.from (Viewgroup.getcontext ()). Inflate (R.layout.item_main,viewgroup,false); Itemview.setonclicklistener (New View.onclicklistener () {@Override public void OnClick (View V                   ) {if (Mlistener! = null) Mlistener.onitemclick (V, (String) Itemview.gettag ());        }        });    return new Viewholder (Itemview);        } @Override public void Onbindviewholder (Viewholder viewholder, int i) {String data = Mdataset.get (i);        Viewholder.binddata (data);    ViewHolder.itemView.setTag (data);    } @Override public int getitemcount () {return mdataset.size ();        } public static class Viewholder extends Recyclerview.viewholder {private TextView TV;            Public Viewholder (View Itemview) {super (Itemview);        TV = (TextView) Itemview.findviewbyid (R.id.info_text);        } public void Binddata (String s) {if (s! = null) Tv.settext (s);    }} public interface Onitemclicklistener {public void Onitemclick (View view,string data);    } public void Setonitemclicklistener (Onitemclicklistener listener) {This.mlistener = listener; }}

5. Data Source:

Package Com.taobao.recyclerviewwithcardview.data;import java.util.arraylist;import java.util.list;/** * Created by ROWANDJJ on 2015/3/24. */public class datasource{public    static final list<string> generatedata (int size)    {        if (size <= 0)            return null;        list<string> datas = new arraylist<> ();        for (int i = 0; i < size; i++)        {            Datas.add ("This is List data" +i);        }        return datas;}    }

6. Main Page code:

Package Com.taobao.recyclerviewwithcardview.ui.activity;import Android.os.bundle;import Android.support.v7.app.actionbaractivity;import Android.support.v7.widget.linearlayoutmanager;import Android.support.v7.widget.recyclerview;import Android.view.view;import Android.widget.toast;import Com.taobao.recyclerviewwithcardview.r;import Com.taobao.recyclerviewwithcardview.data.datasource;import    Com.taobao.recyclerviewwithcardview.ui.adapter.mainadapter;public class Mainactivity extends ActionBarActivity{    Private Recyclerview Mrecyclerview;    Private Mainadapter Madapter;        @Override protected void OnCreate (Bundle savedinstancestate) {super.oncreate (savedinstancestate);        Setcontentview (R.layout.activity_main);        Mrecyclerview = (Recyclerview) Findviewbyid (R.id.main_recyclerview);        Mrecyclerview.setlayoutmanager (New Linearlayoutmanager (this));        Madapter = new Mainadapter (Datasource.generatedata (20));        Mrecyclerview.sethasfixedsize (TRUE); MRecyclerview.setadapter (Madapter);  Madapter.setonitemclicklistener (New Mainadapter.onitemclicklistener () {@Override public void Onitemclick (view view, String data) {Toast.maketext (Mainactivity.this, "Data:" +data,toast.lengt            H_short). Show ();    }        }); }}

Code Address: Https://github.com/Rowandjj/RecyclerViewWithCardView

"Android Notes" Cardview+recyclerview use example