概述
RecyclerView
是一个 ViewGroup
,它用于渲染任何基于适配器的 View
。它被官方定义为 ListView
和 GridView
的取代者,是在 Support V7
包中引入的。使用该组件的一个理由是:它有一个更易于扩展的框架,尤其是它提供了横向和纵向两个方向滚动的能力。当数据集合根据用户的操作或网络状态的变化而变化时,你很需要这个控件。
要使用 RecyclerView
,需要以下的几个元素:
RecyclerView.Adapter
:使用RecyclerView之前,你需要一个继承自RecyclerView.Adapter的适配器,作用是将数据与每一个item的界面进行绑定。LayoutManager
:用来确定每一个item如何进行排列摆放,何时展示和隐藏。回收或重用一个View的时候,LayoutManager会向适配器请求新的数据来替换旧的数据,这种机制避免了创建过多的View和频繁的调用findViewById方法(与ListView原理类似)ItemAnimator
:用于让常见操作(例如添加或移除列表项)变得活泼
RecyclerView 项目结构:
此处,当 RecyclerView
添加或移除列表项时,它还提供了动画支持,动画操作在当前的实现下,是非常困难的事情。并且,ViewHolder
在 RecyclerView
中被深度集成,不再只是一个推荐方式。
与 ListView 的对比
因为以下几个理由,RecyclerView
与它的前辈 ListView
是不相同的:
适配器中需要 ViewHolder :
ListView
中,要提升性能,你可以不实现ViewHolder
,可以尝试其它的选择;但是在RecyclerView
的适配器中,ViewHolder
是必须要使用的。自定义列表项布局 :
ListView
只能把列表项以线性垂直的方式进行安排,并且不能自定义;RecyclerView
的RecyclerView.LayoutManager
类,可以让任何列表项在水平方向排列,或是以交错的网格模式排列。简单的列表项动画 :关于添加或移除列表项的操作,
ListView
并没有添加任何的规定;对于RecyclerView
来说,它有一个RecyclerView.ItemAnimator
类,可以用来处理列表项的动画。手动的数据源 :对于不同类型的数据源来说,
ListView
有着不同的适配器与之对应,例如ArrayAdapter
,CursorAdapter
。与此相反,RecyclerAdapter
需要开发者自己实现提供给适配器的数据。手动的列表项装饰 :
ListView
有android:divider
属性,用于设置列表项之间的分隔。与此相反,要给RecyclerView
设置分隔线的装饰,需要手动使用RecyclerView.ItemDecoration
对象。手动监测点击事件 :
ListView
为列表上的每个列表项的点击事件都使用AdapterView.OnItemClickListener
接口进行了绑定。与之不同的是,RecyclerView
只提供了RecyclerView.OnItemTouchListener
接口,它可以管理单个的touch
事件,而不再内嵌点击事件的处理
RecyclerView 的组件
LayoutManager
LayoutManager
用于在 RecyclerView
中管理列表项的位置,对于不再对用户可见的视图来说,它还能决定什么时候重用这些视图。
RecyclerView
提供了以下几种内嵌的布局管理器:
LinearLayoutManager
:在水平或垂直的滚动列表上显示列表项GridLayoutManager
:在网格中显示列表项StaggeredGridLayoutManager
:在交错的网格中显示列表项
继承 RecyclerView.LayoutManager
就可以创建自定义的布局管理器。
RecyclerView.Adapter
RecyclerView
包含一种新的适配器,它与你之前使用过的适配器很类似,只是包含了一些特殊之处,例如必须的 ViewHolder
等。要使用这些适配器,需要重写两个方法:1. 用于渲染视图和 ViewHolder
的方法;2. 用于把数据绑定到视图的方法。每当需要创建一个新的视图时,都会调用第一个方法,不再需要检测视图是否被回收。
ItemAnimator
RecyclerView.ItemAnimator
将会使要通知适配器的 ViewGroup
的改变(例如添加/删除/选择列表项)动起来。DefaultItemAnimator
可以用于基本的默认动画,并且表现不俗。
使用步骤
一、导包
注意:引入V7的包才能使用RecyclerView控件
二、主布局文件代码
<LinearLayout 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="com.example.testrecycleview.MainActivity"
android:orientation="vertical"
> <Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="22dp"
android:layout_marginTop="14dp"
android:text="Button" /> <android.support.v7.widget.RecyclerView
android:id="@+id/id_recyclerview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider="#ffff0000"
android:dividerHeight="10dp" >
</android.support.v7.widget.RecyclerView> </LinearLayout>
activity_main.xml
三、RecyclerView子Item的布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" > <TextView
android:id="@+id/tv_username"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:textSize="25sp"
/> <TextView
android:id="@+id/tv_sex"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"
android:textSize="15sp"
/> <ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" /> </LinearLayout>
item_layout.xml
四、MainActivity.java代码
package com.example.testrecycleview; import java.util.ArrayList;
import java.util.List; import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.RecyclerView.Adapter;
import android.support.v7.widget.RecyclerView.ItemDecoration;
import android.support.v7.widget.RecyclerView.ViewHolder;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast; public class MainActivity extends Activity { private RecyclerView recyclerView;
private List<User> userList;
private Button btn; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); userList = new ArrayList<User>();
for (int i = 0; i < 8; i++) {
User user = new User();
user.setUsername("小明"+i);
user.setSex("男"+i);
userList.add(user);
} recyclerView = (RecyclerView)findViewById(R.id.id_recyclerview);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
recyclerView.setAdapter(new MyAdapter());
recyclerView.addItemDecoration(new ItemDecoration() {
}); btn = (Button) findViewById(R.id.button1);
btn.setOnClickListener(new OnClickListener() { @Override
public void onClick(View v) { User u = new User();
u.setUsername("小红红");
u.setSex("人妖");
userList.add(u);
Toast.makeText(MainActivity.this, "ok", 500).show();
}
}); User u2 = new User();
u2.setUsername("小红红2");
u2.setSex("人妖2");
userList.add(u2);
} class MyAdapter extends Adapter<MyHolder>{ @Override
public int getItemCount() {
return userList.size();
} @Override
public void onBindViewHolder(MyHolder holder, int index) {
holder.tv_username.setText( userList.get(index).getUsername() );
holder.tv_sex.setText( userList.get(index).getSex() );
} @Override
public MyHolder onCreateViewHolder(ViewGroup arg0, int arg1) {
LayoutInflater inflater = getLayoutInflater();
//布局文件
View view = inflater.inflate(R.layout.item_layout, arg0,false);
//控件完全体
MyHolder holder = new MyHolder(view);
return holder;
} } /*
* 控件的完全体
*/
class MyHolder extends ViewHolder{
TextView tv_username;
TextView tv_sex;
ImageView imageView1; public MyHolder(View sup) {
super(sup);
tv_username = (TextView)sup.findViewById(R.id.tv_username);
tv_sex = (TextView)sup.findViewById(R.id.tv_sex);
imageView1 = (ImageView)sup.findViewById(R.id.imageView1);
} } }
MainActivity
运行结果