[Android Notes] example of using CardView + RecyclerView, cardview

[Android Notes] example of using CardView + RecyclerView, cardview
CardView + RecycleView can be very convenient to achieve a card list layout, the previous Write Card layout is very troublesome (Address: http://blog.csdn.net/chdjj/article/details/41546477), you have to write a variety of resource files.
In addition, we have to pay attention to ItemDecoration when using RecyclerView separately, but we don't have to worry about using CardView, because CardView itself can set shadows.
The following is a simple example.

:

A little ugly? You can just tune it yourself .. Here is just an example.

Step: 1. Add dependency:

 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.android.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="vertical"            ></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://schemas.android.com/apk/res-auto"              android:layout_height="match_parent">    <android.support.v7.widget.CardView        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="match_parent">            <ImageView                android:src="@mipmap/ic_launcher"                android:layout_gravity="center"                android: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_world"                android:layout_width="match_parent"                android:layout_height="match_parent"/>        </LinearLayout>    </android.support.v7.widget.CardView></LinearLayout>

If you want to add the Custom Attributes of CardView, you must add the 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 = LayoutInflater.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. Home 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.LENGTH_SHORT).show();            }        });    }}

Address: https://github.com/Rowandjj/RecyclerViewWithCardView