RecyclerView簡介：
谷歌在support v7中，加入了新的控件——RecyclerView，該控件整合了ListView、GridView的特點，而且最大的優點是可以很方便實現瀑布流效果，多布局控制效果等等，因此RecyclerView受到越來越多的開發者重視。
引入RecyclerView
由于該控件并不在Andorid SDK中的，而是在support v7包中，因此我們要手動添加該控件。
在build.gradle中添加如下依賴：
dependencies {
...
compile 'com.android.support:appcompat-v7:23.1.1' //Toolbar
compile 'com.android.support:recyclerview-v7:23.1.1' //RecyclerView
}
幾個重要的類:
- RecyclerView.Adapter:抽象類，為RecyclerView提供數據，一般根據不同的業務需求來編寫具體的實現類。
- RecyclerView.LayoutManager:抽象類，主要用于測量RecyclerView的子Item，以及根據不同的布局方式來實現Item的布局效果，v7包自帶的實現類有：LinearLayoutManager、StaggeredGridLayoutManager、GridLayoutManager。
- RecyclerView.ItemDecoration:抽象類，這個主要用于不同的Item之間添加分割線（可選）。官方沒有實現類，所以如果要添加分割線，我們需要手動實現這個抽象類。
- RecyclerView.ItemAnimator:抽象類，這個主要用于當一個item添加或者刪除的時候出現的動畫效果，官方提供一個默認的實現類。如果想要使我們的RecyclerView在添加、刪除數據的時候有炫酷的動畫，可以實現這個抽象類。
使用RecyclerView的主要步驟：
- 引入RecyclerView
- 添加XML布局
- 封裝Adapter適配器
- 封裝RecyclerView.ViewHolder類
- 實現多布局展示
- 各布局控件監聽
注：在此主要實現三種不同布局加載，RecyclerView監聽及子布局監聽
MyAdapter類代碼：
package com.example.administrator.foundationdemo.recyclerview;
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;
import com.example.administrator.foundationdemo.R;
import java.util.List;
/**
* Created by "sinlov" on 2017/4/12.
*/
public abstract class MyAdapter extends RecyclerView.Adapter<MyViewHolder> {
private int mLayoutId;
private Context mContext;
private List<Data> mDataSet;
/**
* 構造器，接受數據集
* @param data
*/
public MyAdapter(Context context,List<Data> data){
mContext = context;
mDataSet = data;
}
/**
* onCreateViewHolder:創建ViewHolder，
* 該方法會在RecyclerView需要展示一個item的時候回調。
* 重寫該方法時，應該使ViewHolder加載item view的布局。
* 這個能發避免了不必要的findViewById操作，提高了性能。
*
* @param parent
* @param viewType
* @return
*/
@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
//加載布局文件
switch (viewType){
case ViewItems.TEMPLATE_1:
break;
case ViewItems.TEMPLATE_2:
mLayoutId = R.layout.activity_recycler_view_recyclerview_item_my;
break;
case ViewItems.TEMPLATE_3:
break;
case ViewItems.TEMPLATE_4:
break;
case ViewItems.TEMPLATE_5:
mLayoutId = R.layout.activity_recycler_view_recyclerview_item_ordinary_notification_1;
break;
case ViewItems.TEMPLATE_6:
mLayoutId = R.layout.activity_recycler_view_recyclerview_item_ordinary_notification_2;
break;
}
MyViewHolder holder = MyViewHolder.get(mContext,null,parent,mLayoutId);
setListener(parent, holder);
return holder;
}
/**
* onBindeViewHolder:該方法在RecyclerView在特定位置展示數據時候回調，顧名思義，把數據綁定、填充到相應的item view中
*
* @param holder
* @param position
*/
@Override
public void onBindViewHolder(MyViewHolder holder, int position) {
//將數據填充到具體的view中
convert(holder,mDataSet.get(position));
}
public abstract void convert(MyViewHolder holder, Data t);
/**
* 通過重寫getItemViewType(int position)方法來告訴onCreateViewHolder(...)每個條目對應的布局
* @param position
* @return
*/
@Override
public int getItemViewType(int position) {
return mDataSet.get(position).getViewType();
}
/**
* getItemCount:返回數據的數量
* @return
*/
@Override
public int getItemCount() {
return mDataSet.size();
}
/**
* java回調機制，依賴于子Item View的onClickListener及onLongClickListener。
* @param <T> //數據類
*/
public interface OnItemClickListener<T>{
//RecyclerView監聽
void onItemClick(ViewGroup parent, View view, T t, int position);
}
public interface OnItemLongClickListener<T>{
//長按監聽
boolean onItemLongClick(ViewGroup parent, View view, T t, int position);
}
private OnItemClickListener mOnItemClickListener;
private OnItemLongClickListener mOnItemLongClickListener;
public void setOnItemClickListener(OnItemClickListener mOnItemClickListener){
this.mOnItemClickListener = mOnItemClickListener;
}
public void setOnItemLongClickListener(OnItemLongClickListener mOnItemLongClickListener) {
this.mOnItemLongClickListener = mOnItemLongClickListener;
}
protected void setListener(final ViewGroup parent, final MyViewHolder holder){
//判斷是否設置了監聽器
if(mOnItemClickListener != null) {
//為ItemView設置監聽器
holder.getConvertView().setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int position = holder.getLayoutPosition();
mOnItemClickListener.onItemClick(parent, v, mDataSet.get(position), position);
}
});
}
if(mOnItemLongClickListener != null){
holder.getConvertView().setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
if (mOnItemLongClickListener != null) {
int position = holder.getLayoutPosition();
return mOnItemLongClickListener.onItemLongClick(parent, v, mDataSet.get(position), position);
//返回true 表示消耗了事件 事件不會繼續傳遞
}
return false;
}
});
}
}
}
MyViewHolder類代碼：
package com.example.administrator.foundationdemo.recyclerview;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.RecyclerView;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
/**
* Created by "sinlov" on 2017/4/13.
*/
public class MyViewHolder extends RecyclerView.ViewHolder {
private SparseArray<View> mViews;
private View mConvertView;
private Context mContext;
private int mLayoutId;
public MyViewHolder(Context context, View itemView, ViewGroup parent) {
super(itemView);
//由于itemView是item的布局文件，我們需要的是里面的textView，因此利用itemView.findViewById獲
//取里面的View實例，后面通過onBindViewHolder方法能直接填充數據到每一個View了
mContext = context;
mConvertView = itemView;
//運用泛型，適配所有的View，多布局，不用寫多個RecyclerView.ViewHolder。
mViews = new SparseArray<View>();
mConvertView.setTag(this);
}
//緩存
public static MyViewHolder get(Context context, View convertView,
ViewGroup parent, int layoutId){
if(null==convertView){
View itemView = LayoutInflater.from(context).inflate(layoutId, parent, false);
MyViewHolder holder = new MyViewHolder(context, itemView, parent);
holder.mLayoutId = layoutId;
return holder;
}else {
MyViewHolder holder = (MyViewHolder) convertView.getTag();
return holder;
}
}
/**
* 通過viewId獲取控件
*
* @param viewId
* @return
*/
public <T extends View> T getView(int viewId)
{
View view = mViews.get(viewId);
if (view == null)
{
view = mConvertView.findViewById(viewId);
mViews.put(viewId, view);
}
return (T) view;
}
public View getConvertView()
{
return mConvertView;
}
/**
* 設置TextView的值
*
* @param viewId
* @param text
* @return
*/
public MyViewHolder setText(int viewId, String text)
{
TextView tv = getView(viewId);
tv.setText(text);
return this;
}
public MyViewHolder setImageResource(int viewId, int resId)
{
ImageView view = getView(viewId);
view.setImageResource(resId);
return this;
}
public MyViewHolder setImageBitmap(int viewId, Bitmap bitmap)
{
ImageView view = getView(viewId);
view.setImageBitmap(bitmap);
return this;
}
public MyViewHolder setImageDrawable(int viewId, Drawable drawable)
{
ImageView view = getView(viewId);
view.setImageDrawable(drawable);
return this;
}
public MyViewHolder setBackgroundColor(int viewId, int color)
{
View view = getView(viewId);
view.setBackgroundColor(color);
return this;
}
public MyViewHolder setBackgroundRes(int viewId, int backgroundRes)
{
View view = getView(viewId);
view.setBackgroundResource(backgroundRes);
return this;
}
public MyViewHolder setTextColor(int viewId, int textColor)
{
TextView view = getView(viewId);
view.setTextColor(textColor);
return this;
}
public MyViewHolder setTextColorRes(int viewId, int textColorRes)
{
TextView view = getView(viewId);
view.setTextColor(mContext.getResources().getColor(textColorRes));
return this;
}
public int getDrawableId(String drawableName){
int resId = mContext.getResources().getIdentifier(drawableName,"drawable",mContext.getPackageName());
return resId;
}
}
RecyclerViewActivity類代碼：
package com.example.administrator.foundationdemo.recyclerview;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import com.example.administrator.foundationdemo.R;
import java.util.ArrayList;
import java.util.List;
public class RecyclerViewActivity extends AppCompatActivity {
private RecyclerView mRecyclerView;
private MyAdapter mAdapter;
private List<Data> mData;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_recycler_view);
initData();
initRecyclerView();
}
private void initData() {
mData = new ArrayList<Data>();
mData.add(new Data(1,"楓陽","recycler_my","FLY346422332","recycler_two"));
mData.add(new Data(4,"相冊","recycler_photo"));
mData.add(new Data(5,"收藏","recycler_collect"));
mData.add(new Data(4, "錢包", "recycler_money"));
mData.add(new Data(5, "卡包", "recycler_card"));
mData.add(new Data(4, "表情", "recycler_expression"));
mData.add(new Data(4, "設置", "recycler_install"));
}
private void initRecyclerView() {
//1 實例化RecyclerView
mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);
//2 為RecyclerView創建布局管理器，這里使用的是LinearLayoutManager，表示里面的Item排列是線性排列
mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
handlerRecyclerView();
//3 設置數據適配器
mRecyclerView.setAdapter(mAdapter);
}
private void handlerRecyclerView() {
mAdapter = new MyAdapter(this, mData) {
@Override
public void convert(MyViewHolder holder, Data data) {
switch (data.getViewType()){
case ViewItems.TEMPLATE_2:
handlerTemplate2(holder,data);
break;
case ViewItems.TEMPLATE_5:
handlerTemplate5(holder,data);
break;
case ViewItems.TEMPLATE_6:
handlerTemplate6(holder,data);
break;
default:
Log.d("FLY","錯誤了");
break;
}
}
};
mAdapter.setOnItemClickListener(new MyAdapter.OnItemClickListener() {
@Override
public void onItemClick(ViewGroup parent, View view, Object o, int position) {
Data data = (Data) o;
Toast.makeText(RecyclerViewActivity.this, data.getName() + "： " + position, Toast.LENGTH_SHORT).show();
}
});
}
private void handlerTemplate2(MyViewHolder holder, Data data){
ImageView photo = holder.getView(R.id.recyclerview_item_my_photo);
photo.setImageResource(holder.getDrawableId(data.getLogo()));
TextView name = holder.getView(R.id.recyclerview_item_my_name);
name.setText(data.getName());
TextView number = holder.getView(R.id.recyclerview_item_my_number);
number.setText("微信號: " + data.getNotificationText());
ImageView two = holder.getView(R.id.recyclerview_item_my_two);
two.setImageResource(holder.getDrawableId(data.getNotificationImg()));
two.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(RecyclerViewActivity.this,"two 000000 ",Toast.LENGTH_SHORT).show();
}
});
}
private void handlerTemplate5(MyViewHolder holder, Data data){
ImageView photo = holder.getView(R.id.recyclerview_item_ordinary_1_img);
photo.setImageResource(holder.getDrawableId(data.getLogo()));
TextView name = holder.getView(R.id.recyclerview_item_ordinary_1_text);
name.setText(data.getName());
if (null!= data.getNotificationText() ){
TextView number = holder.getView(R.id.recyclerview_item_notification_1_img);
number.setVisibility(View.VISIBLE);
number.setText(data.getNotificationText());
}
if (null != data.getNotificationImg()){
ImageView two = holder.getView(R.id.recyclerview_item_notification_1_text);
two.setVisibility(View.VISIBLE);
two.setImageResource(holder.getDrawableId(data.getNotificationImg()));
}
}
private void handlerTemplate6(MyViewHolder holder, Data data){
ImageView photo = holder.getView(R.id.recyclerview_item_ordinary_2_img);
photo.setImageResource(holder.getDrawableId(data.getLogo()));
TextView name = holder.getView(R.id.recyclerview_item_ordinary_2_text);
name.setText(data.getName());
if (null!= data.getNotificationText() ){
TextView number = holder.getView(R.id.recyclerview_item_notification_2_img);
number.setVisibility(View.VISIBLE);
number.setText(data.getNotificationText());
}
if (null != data.getNotificationImg()){
ImageView two = holder.getView(R.id.recyclerview_item_notification_2_text);
two.setVisibility(View.VISIBLE);
two.setImageResource(holder.getDrawableId(data.getNotificationImg()));
}
}
}
Deta數據類代碼：
package com.example.administrator.foundationdemo.recyclerview;
/**
* Created by "sinlov" on 2017/4/13.
*/
public class Data {
private int viewType;
private String name;
private String logo;
private String notificationText;
private String notificationImg;
public Data(){
}
public Data(int viewType, String name, String logo) {
this.viewType = viewType;
this.name = name;
this.logo = logo;
}
public Data(int viewType, String name, String logo, String notificationText, String notificationImg) {
this.viewType = viewType;
this.name = name;
this.logo = logo;
this.notificationText = notificationText;
this.notificationImg = notificationImg;
}
public int getViewType() {
return viewType;
}
public void setViewType(int viewType) {
this.viewType = viewType;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getLogo() {
return logo;
}
public void setLogo(String logo) {
this.logo = logo;
}
public String getNotificationText() {
return notificationText;
}
public void setNotificationText(String notificationText) {
this.notificationText = notificationText;
}
public String getNotificationImg() {
return notificationImg;
}
public void setNotificationImg(String notificationImg) {
this.notificationImg = notificationImg;
}
}
ViewItems類代碼：
package com.example.administrator.foundationdemo.recyclerview;
/**
* Created by HooRang on 2017/2/22.
*/
public class ViewItems {
/*分別對應R.layout.activity_recycler_view_recyclerview_item_x*/
//chat
public static final int TEMPLATE_1 = 0x0;
//my
public static final int TEMPLATE_2 = 0x1;
public static final int TEMPLATE_3 = 0x2;
//ordinary
public static final int TEMPLATE_4 = 0x3;
//ordinary_notification_1
public static final int TEMPLATE_5 = 0x4;
//ordinary_notification_2
public static final int TEMPLATE_6 = 0x5;
}
activity_recycler_view XML布局代碼：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:toolbar="http://schemas.android.com/apk/res-auto"
style="@style/MatchMatch"
android:background="#d2caca"
tools:context="com.example.administrator.foundationdemo.recyclerview.RecyclerViewActivity">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerview"
style="@style/MatchMatch"/>
</LinearLayout>
activity_recycler_view_recyclerview_item_my XML布局代碼：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:background="#fcfcfc"
android:layout_marginTop ="25dp"
android:layout_width="match_parent"
android:layout_height="65dp">
<RelativeLayout
android:id="@+id/recyclerview_item_my_relative"
android:layout_width="0dp"
android:background="@null"
android:layout_height="match_parent"
android:layout_weight="5">
<ImageView
android:id="@+id/recyclerview_item_my_photo"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@null"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="20dp"
android:layout_marginStart="20dp"
android:src="@mipmap/ic_launcher" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="15sp"
android:textStyle="bold"
android:text="測試"
android:id="@+id/recyclerview_item_my_name"
android:layout_alignTop="@+id/recyclerview_item_my_photo"
android:layout_toRightOf="@+id/recyclerview_item_my_photo"
android:layout_toEndOf="@+id/recyclerview_item_my_photo"
android:layout_marginLeft="20dp"
android:layout_marginStart="20dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10sp"
android:text="測試"
android:id="@+id/recyclerview_item_my_number"
android:layout_marginTop ="5dp"
android:layout_below="@id/recyclerview_item_my_name"
android:layout_alignLeft="@id/recyclerview_item_my_name"
android:layout_alignStart="@id/recyclerview_item_my_name" />
</RelativeLayout>
<RelativeLayout
android:background="@null"
android:id="@+id/recyclerview_item_my_two_relative"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.8">
<ImageView
android:id="@+id/recyclerview_item_my_two"
android:background="@null"
android:src="@mipmap/ic_launcher"
style="@style/WrapWrap"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true" />
</RelativeLayout>
</LinearLayout>
activity_recycler_view_recyclerview_item_ordinary_notification_1 XML布局代碼：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop ="25dp"
android:background="#fcfcfc"
android:orientation="vertical">
<ImageView
android:id="@+id/recyclerview_item_ordinary_1_img"
style="@style/WrapWrap"
android:background="@null"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="25dp"
android:layout_marginStart="25dp"
android:src="@mipmap/ic_launcher" />
<TextView
android:id="@+id/recyclerview_item_ordinary_1_text"
style="@style/WrapWrap"
android:textSize="15sp"
android:text="測試"
android:background="@null"
android:layout_centerVertical="true"
android:layout_toRightOf="@id/recyclerview_item_ordinary_1_img"
android:layout_toEndOf="@id/recyclerview_item_ordinary_1_img"
android:layout_marginLeft="25dp"
android:layout_marginStart="25dp" />
<ImageView
android:visibility="gone"
android:layout_width="35dp"
android:layout_height="35dp"
android:id="@+id/recyclerview_item_notification_1_img"
android:background="@null"
android:src="@mipmap/ic_launcher"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginRight="25dp"
android:layout_marginEnd="25dp" />
<TextView
android:id="@+id/recyclerview_item_notification_1_text"
style="@style/WrapWrap"
android:textSize="10sp"
android:visibility="gone"
android:text="測試"
android:background="@null"
android:layout_centerVertical="true"
android:layout_toLeftOf="@id/recyclerview_item_notification_1_img"
android:layout_toStartOf="@id/recyclerview_item_notification_1_img"
android:layout_marginRight="25dp"
android:layout_marginEnd="25dp" />
</RelativeLayout>
activity_recycler_view_recyclerview_item_ordinary_notification_2 XML布局代碼：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#fcfcfc"
android:orientation="vertical">
<TextView
android:background="#d2caca"
android:layout_width="match_parent"
android:layout_height="1.5dp"
android:layout_marginLeft="25dp"
android:layout_marginRight="25dp"
android:id="@+id/textView_null" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@null"
android:layout_below="@+id/textView_null"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true">
<ImageView
android:id="@+id/recyclerview_item_ordinary_2_img"
style="@style/WrapWrap"
android:background="@null"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="25dp"
android:layout_marginStart="25dp"
android:src="@mipmap/ic_launcher" />
<TextView
android:id="@+id/recyclerview_item_ordinary_2_text"
style="@style/WrapWrap"
android:textSize="15sp"
android:text="測試"
android:background="@null"
android:layout_centerVertical="true"
android:layout_toRightOf="@id/recyclerview_item_ordinary_2_img"
android:layout_toEndOf="@id/recyclerview_item_ordinary_2_img"
android:layout_marginLeft="25dp"
android:layout_marginStart="25dp" />
<ImageView
android:visibility="gone"
android:layout_width="35dp"
android:layout_height="35dp"
android:id="@+id/recyclerview_item_notification_2_img"
android:background="@null"
android:src="@mipmap/ic_launcher"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginRight="25dp"
android:layout_marginEnd="25dp" />
<TextView
android:visibility="gone"
android:id="@+id/recyclerview_item_notification_2_text"
style="@style/WrapWrap"
android:textSize="10sp"
android:text="測試"
android:background="@null"
android:layout_centerVertical="true"
android:layout_toLeftOf="@id/recyclerview_item_notification_2_img"
android:layout_toStartOf="@id/recyclerview_item_notification_2_img"
android:layout_marginRight="25dp"
android:layout_marginEnd="25dp" />
</RelativeLayout>
</RelativeLayout>
希望對你們有幫助，O(∩_∩)O謝謝！！！
