1、概述

在support-V7包中引入了很多新的M 控件，其中RccyclerView也是其中一员，它的名字来源于它的工作方式：当一个Item被隐藏起来时候并没有被销毁，当建立新的item时候，组件自动复用item。但与以往经典listview不同的是，RccyclerView直接把viewholder的实现封装起来，因此用户只要实现自己的viewholder即可。

通常一个RccyclerView主要要处理以下几个部分：

LayoutManager ：RccyclerView将item布局方式单独放出来供开发者选择，可以把你的item设置成水平或者垂直或者

主要有 LinearLayoutManager（线性）、GridLayoutManager（宫格）、StaggeredGridLayoutManager（瀑布流）

Adapter：适配器，在listview中也有，主要用来提供数据适配

ItemAnimator：负责item的动画播放修改,添加,删除或移动

ItemDecoration：可以用来添加drawings或者改变item的布局，比如添加dividers

ViewHolder：用户实现自己的viewlder即可

点击事件：这个没有提供需要自己写，这个我在后面的例子中会给出说明

再介绍一下Cardview，跟RccyclerView一样也是suooport-v7新控件，可以让我们使用类似卡片的效果，我们还可以设置卡片的圆角和阴影效果，cardview是一个layout继承自frameLayout，因此需要在里面布局其他view控件，下面给出一个cardview常用属性

CardView_cardBackgroundColor 设置背景色

CardView_cardCornerRadius 设置圆角大小

CardView_cardElevation 设置z轴阴影

CardView_cardMaxElevation 设置z轴最大高度值

CardView_cardUseCompatPadding 是否使用CompadPadding

CardView_cardPreventCornerOverlap 是否使用PreventCornerOverlap

CardView_contentPadding 内容的padding

CardView_contentPaddingLeft 内容的左padding

CardView_contentPaddingTop 内容的上padding

CardView_contentPaddingRight 内容的右padding

CardView_contentPaddingBottom 内容的底padding

2、实现一个基本的RecyclerView（结合cardview）

首先在AS中加入依赖

File>project structs，在+号选Library Dependency，加入如下来个依赖库

2.1 首先定义item的bean，主要包括一个主标题和副标题

Item.

[java]
public class Item {  
    private String maintitle;  
    private String subtitle;  
    private boolean active;  
  
    public Item(String maintitle, String subtitle, boolean active) {  
        this.maintitle = maintitle;  
        this.subtitle = subtitle;  
        this.active = active;  
    }  
  
    public Item(String maintitle, String subtitle) {  
        this.maintitle = maintitle;  
        this.subtitle = subtitle;  
  
    }  
  
    public String getTitle() {  
        return maintitle;  
    }  
  
    public String getSubtitle() {  
        return subtitle;  
    }  
  
    public boolean isActive() {  
        return active;  
    }  
}  

注：isActive是为后面复杂例子准备的

2.2 设置item对应的布局文件

item.xml

[html]
<?xml version="1.0" encoding="utf-8"?>  
<android.support.v7.widget.CardView  
    xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:app="http://schemas.android.com/apk/res-auto"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    app:cardBackgroundColor="#79CDCD"  
    app:cardCornerRadius="5dp"  
    app:cardElevation="5dp"  
    app:cardMaxElevation="8dp"  
    app:cardUseCompatPadding="true"  
    app:contentPadding="10dp">  
  
    <LinearLayout  
        android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        android:orientation="vertical">  
  
        <TextView  
            android:id="@+id/maintitle"  
            style="@style/Base.TextAppearance.AppCompat.Headline"  
            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            android:singleLine="true"  
            android:text="Title"  
            android:textColor="#FFFFFF"  
            />  
  
        <TextView  
            android:id="@+id/subtitle"  
            style="@style/Base.TextAppearance.AppCompat.Subhead"  
            android:layout_width="match_parent"  
            android:layout_height="0dp"  
            android:layout_weight="1"  
            android:singleLine="true"  
            android:text="Subtitle"  
            android:textColor="#FFFFFF"  
            />  
  
    </LinearLayout>  
</android.support.v7.widget.CardView>  

其中对cardview的背景颜色，圆角，z轴阴影做了设定，最需要注意的属性是cardUseCompatPadding，它在5.0以下的系统中默认是true,但在5.0系统中默认为false,如果不设置 app:cardUseCompatPadding=”true”的话会造成在5.0系统的Android手机上不能看到阴影效果。

2.3 适配器recylerAdapter.java

首先我们需要定义自己的viewholder类，这类必须要继承RecyclerView.ViewHolder，内部绑定了所需要引用的数据，这里只有俩个textview

[java]
public static class ViewHolder extends RecyclerView.ViewHolder {  
        TextView maintitle;  
        TextView subtitle;  
  
        public ViewHolder(View itemView) {  
            super(itemView);  
            subtitle = (TextView) itemView.findViewById(R.id.subtitle);  
            maintitle = (TextView) itemView.findViewById(R.id.maintitle);  
  
        }  
    }  

然后就是我们recylerAdapter（）的构造器，这里我们使用集合添加item

[java]
public RecylerAdpater() {  
        super();  
        items = new ArrayList<>();  
        for (int i = 0; i < ITEM_CONUT; i++) {  
            items.add(new Item("Item" + i, "This is the Item number" + i));  
        }  
  
    }  

最后看下我们继承RecyclerView.Adapter需要重写的方法

【1】onCreateViewHolder(ViewGroup parent, int i) 创建视图并且返回一个匹配的viewholder

【2】onBindViewHolder(ViewHolder holder, int position) 用每个item数据来填充viewholder

【3】getItemCount() 返回item的数目

[java]
@Override  
   public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {  
       View v = mLayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);  
       return new ViewHolder(v);  
   }  
  
   @Override  
   public void onBindViewHolder(ViewHolder viewHolder, int position) {  
       Item item = items.get(position);  
       viewHolder.maintitle.setText(item.getTitle());  
       viewHolder.subtitle.setText(item.getSubtitle());  
  
   }  
  
   @Override  
   public int getItemCount() {  
       return items.size();  
   }  

2.4 主布局文件activity_main.xml,只有一个recylerView控件

[html]
<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/recycler_view"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent">  
  
  
    </android.support.v7.widget.RecyclerView>  
  
</RelativeLayout>  

2.5 在MAinActivity.java中进行逻辑处理

[java]
public class MainActivity extends AppCompatActivity {  
    private RecyclerView recyclerView;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        init();  
        initEvent();  
    }  
  
    private void init() {  
        recyclerView = (RecyclerView) findViewById(R.id.recycler_view);  
  
    }  
  
    private void initEvent() {  
        recyclerView.setAdapter(new RecylerAdpater());  
        recyclerView.setItemAnimator(new DefaultItemAnimator());  
        //recyclerView.setLayoutManager(new LinearLayoutManager(this));//垂直线性布局  
        //recyclerView.setLayoutManager(new GridLayoutManager(this,2));//线性宫格显示，类似gridview  
        recyclerView.setLayoutManager(new StaggeredGridLayoutManager(3, OrientationHelper.VERTICAL));//线性宫格显示类似瀑布流  
  
    }  
}  

这里由于长度都一样瀑布流跟线性宫格效果一样，可以看出有圆角阴影效果，android新控件确实视觉效果杠杠滴，Material Design确实多学几招，对改善UI帮助莫大！

3、实现多Item布局

即实现相同的RecyclerView中实现不同样式的item，比如常见的headitem和bottomiItem就是通过这种方式实现的

首先事先定义出几套item的样式，这里使用了2套item样式，这里item布局仅做了颜色区分，当然可以做的更加复杂，这取决于各自的需求，这里只是演示一下多item的布局

然后利用item的isActive对item做标记

recylerAdapter.java中

[java]
public RecylerAdpater() {  
        super();  
        items = new ArrayList<>();  
        for (int i = 0; i < ITEM_CONUT; i++) {  
            if (i == 0)  
                items.add(new Item("Start Item " + i, "This is the start Item number " + i, true));  
            if (i == ITEM_CONUT - 1)  
                items.add(new Item("End Item " + i, "This is the end Item number " + i, true));  
            else  
                items.add(new Item(" Item " + i, "This is the Item number " + i, false));  
        }  
  
  
    }  

将第一个和最后一个item单独标记处理，isactive属性标记为true

这里我们也需要重写新的方法

[java]
@Override  
    public int getItemViewType(int position) {  
        Item item = items.get(position);  
        return item.isActive() ? ACTIVE : IN_ACTIVE;  
    }  

其中getItemViewType方法是用来获取当前项Item(position参数)是哪种类型的布局

然后我们在viewholder中对itenm布局做选择

[java]
@Override  
    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {  
        final int layout = (viewType == IN_ACTIVE ? R.layout.item : R.layout.item_active);  
        //View v = mLayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);  
        View v = mLayoutInflater.from(viewGroup.getContext()).inflate(layout, viewGroup, false);  
        return new ViewHolder(v);  
    }  

运行一下，这里只是实现了非常简单的多item布局

4、实现一个带点击相应的瀑布流

4.1 监听事件处理

Recylerview点击事件需要我们自己写这点就比较麻烦

这里我们在适配器中通过接口方式来写自己的itemlistener

RecylerAdapter.java

定义抽象接口

[java]
public interface OnItemClickListerner {  
        void onItemClick(View view, int position);  
  
        void onItemLongClick(View view, int position);  
    }  
  
    public void setOnItemClickLitener(OnItemClickListerner mOnItemClickListerner) {  
        this.mOnItemClickListerner = mOnItemClickListerner;  
    }  

然后在onBindViewHolder中处理监听事件的方法

[java]
//如果设置了回调则设施点击事件  
        if (mOnItemClickListerner != null) {  
            viewHolder.itemView.setOnClickListener(new View.OnClickListener() {  
                @Override  
                public void onClick(View v) {  
                    int pos = viewHolder.getLayoutPosition();  
                    mOnItemClickListerner.onItemClick(viewHolder.itemView, pos);  
                }  
            });  
            viewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {  
                @Override  
                public boolean onLongClick(View v) {  
                    int pos = viewHolder.getLayoutPosition();  
                    mOnItemClickListerner.onItemLongClick(viewHolder.itemView, pos);  
                    return false;  
                }  
            });  
        }  

最后处理集中到MainActivity中来具体处理使用

[java]
mRecylerAdpater.setOnItemClickLitener(new RecylerAdpater.OnItemClickListerner() {  
            @Override  
            public void onItemClick(View view, int position) {  
                Toast.makeText(MainActivity.this, "click item" + position, Toast.LENGTH_SHORT).show();  
            }  
  
            @Override  
            public void onItemLongClick(View view, int position) {  
                mRecylerAdpater.removeData(position);  
                Toast.makeText(MainActivity.this, "long click delete item" + position, Toast.LENGTH_SHORT).show();  
            }  
        });  

4.2 改变item集合（添加删除）

为了更新view，在listview中我们只有一个方法来监听数据item变化notifyDataSetChanged()，而在recylerView的adapter中，有多个方法

notifyItemChanged(int position) ： position数据发生了改变，那调用这个方法，就会回调对应position的onBindViewHolder()方法了

notifyItemInserted(int position)：这个方法是在第position位置被插入了一条数据的时候可以使用这个方法刷新，注意这个方法调用后会有插入的动画，这个动画可以使用默认的，也可以自己定义。

notifyItemRemoved(int position)：删除position位置上的item

notifyItemMoved(int fromPosition, int toPosition)：这个方法是从fromPosition移动到toPosition为止的时候可以使用这个方法刷新

notifyItemRangeChanged(int positionStart, int itemCount)：刷新从positionStart开始itemCount数量的item了（这里的刷新指回调onBindViewHolder()方法）

notifyItemRangeInserted(int positionStart, int itemCount)：批量插入

notifyItemRangeRemoved(int positionStart, int itemCount)：第position个被删除的时候刷新，同样会有动画

notifyDataSetChanged()改变数据视图

我们在Adapter中加入增删函数

[java]
/*添加*/  
   public void addItem(int pos) {  
       items.add(new Item("new Item", "This is the new Item  ", false));  
       notifyItemInserted(pos);  
   }  
  
   /*删除*/  
   public void removeData(int pos) {  
       
           items.remove(pos);  
           notifyItemRemoved(pos);  
         
  
   }  

然后在MAinactivity中调用即可。

长按删除item

点击弹出Toast提示，长按删除item，点击menu加号添加item

所有demo地址

转载：http://blog.csdn.net/xsf50717/article/details/50086615