什么是RecyclerView
RecyclerView组件是一个更先进和灵活的版本的列表视图。这个小部件是一个非常有效率的容器,通过有限的views,可以滚动显示大型数据集。我们知道,Listview中的Adapter中可以实现ViewHolder的复用。RecyclerView提供了一个耦合度更低的方式来复用ViewHolder,并且可以轻松的实现ListView、GridView以及瀑布流的效果。RecyclerView支持水平滚动和垂直滚动两种列表,而且还支持Grid格子布局和乱序布局,很爽吧~
RecyclerView的使用Demo
Demo下载地址:http://download.youkuaiyun.com/detail/u013091087/9512073
1、如果想要使用RecyclerView该控件,我们首先要导入RecyclerView这个控件,直接在build.gradle文件下添加如下配置:
dependencies {
compile fileTree(include: ['*.jar'], dir: 'libs')
testCompile 'junit:junit:4.12'
compile 'com.android.support:appcompat-v7:23.2.0'
compile 'com.android.support:recyclerview-v7:23.2.0'
compile 'com.android.support:cardview-v7:23.2.0'
compile 'com.android.support:palette-v7:23.2.0'
}
compile ‘com.android.support:cardview-v7:23.2.0’
cardview在Item布局里使用到
compile ‘com.android.support:palette-v7:23.2.0’
在RecyclerAdapter里对图片的颜色提取使用到Palette
2、导入了RecyclerView之后,我们可以在xml文件上添加一个RecyclerView,如下:
<android.support.v7.widget.RecyclerView
android:id="@+id/demo_recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
3、通过id获取得RecyclerView的对象,并且设置显示方式和添加删除Item时的动画效果:
mRecyclerView = (RecyclerView) findViewById(R.id.demo_recyclerView);
// 设置布局显示方式,这里我使用都是垂直方式——LinearLayoutManager.VERTICAL
mRecyclerView.setLayoutManager(new GridLayoutManager(this, 3));
// 设置添加删除item的时候的动画效果
mRecyclerView.setItemAnimator(new DefaultItemAnimator());
setLayoutManager()方法接受一个 LayoutManager 布局管理参数。参数类型可以有以下几种:
LinearLayoutManager:线性布局
GridLayoutManager:网格布局
StaggeredGridLayoutManager:流式布局
那么怎么new一个LayoutManager出来呢?举个例子:
new LinearLayoutManager(this, LinearLayout.VERTICAL, true)
- 第一个参数 Context
- 第二个参数:布局方向LinearLayout.VERTICAL垂直和LinearLayout.HORIZONTAL水平
- 第三个参数:表示是否从最后的Item数据开始显示,ture表示是,false就是正常显示—从开头显示。
4、RecyclerView是一个容器控件,那么数据内容用什么来封装和操作呢?
1)先准备一个bean类,代表一个item的内容,在这里以一张图(图的id表示)和文字为例:
public class Item {
private String title;
private int resId;
public Item(String title, int resId) {
this.title = title;
this.resId = resId;
}
public void setTitle(String title) {
this.title = title;
}
public String getTitle() {
return</