1. 简介
RecyclerView是Android开发团队在Android5.0时推出旨在替换ListView的新UI控件(不过目前来看替换ListView还是不太可能滴)。既然是被用来替换Listview的,自然RecyclerView不仅支持ListView原有的功能,而且它还有更多更优秀的功能。
2. 基本概念
2.1 工作原理
RecyclerView的工作原理其实不难,因为Android团队在它的命名上就为我们开发者们提示了它的工作原理。对!就是recycle(循环),当我们在滑动视图时并不是动态的创建子项UI,因为我们都知道这对于性能是很大的影响,所以RecyclerView是将子项UI放进队列或者循环箱中。这样当我们要滚入视图时RecyclerView就会从中返回之前创建好的视图给我们,同时滚出的视图又会回到其中。整个过程就是不断地再循环而已。
2.2 ViewHolder
ViewHolder又是什么东东呢?我们在上面工作原理时说RecyclerView就是将子项UI放进队列或循环箱中。对!ViewHolder就是用来存放子项UI的箱子。不过这个箱子需要你自己来订做哟,这在下面基本用法时我会帮助你去创建它。
2.3 Adapter
既然RecyclerView是用来显示数据的,可是我的数据源是怎么和RecyclerView连接的呢?骚年你能想到这里,说明你根骨甚佳啊。对!Adapter就是它们约会的鹊桥啦。
2.4 Item Animation
不知道骚年你有没有注意到,其实当你滑动视图时,每一项视图之间的转换其实都是通过animator(动画)来实现的,这是它可能因为其默认的设置方式就被你给忽略了。
2.5 Layout Manager
可是骚年你想过没有?既然ViewHolder是决定怎么显示单个视图项的,那一堆的视图项就是许多的ViewHolder组合在一起吗?当然不是!因为那样做完全没有意义,你只会写很多重复代码以至于把你累垮= =。这时LayoutManager就应运而生了。而且它还决定着何时回收对用户不可见的子项视图,所以它的确是个好管家。
3. 基本用法
3.1 添加依赖
在项目目录下的build.gradle文件中添加这行代码。
dependencies {
compile 'com.android.support:recyclerview-v7:25.1.0'
}
需要注意的是这里我的RecyclerView版本号是25.1.0,你的没必要跟我相同。
3.2 创建RecyclerView与Item布局
RecyclerView布局
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
Item布局
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/tv_item"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</FrameLayout>
这里我为了举例,所以这个item布局只是一个FrameLayout布局加一个TextView,非常简单。
3.3 创建ViewHolder
现在我们来学一学如何自己订做“箱子”。Android提供了“箱子”的模板也就是给我们提供了一个抽象类。我们根据这个模板,也就是继承RecyclerView.ViewHolder这个类。
public class CustomViewHolder extends RecyclerView.ViewHolder{
public final TextView item;
public CustomViewHolder(View v) {
super(v);
item = (TextView) v.findViewById(R.id.tv_item);
}
}
这里你可能会问就这么简单吗?是的,骚年我这里只能这么简单,更多的东西需要根据你自己的需求来添加。
3.4 创建Adapter
上面介绍时我们说了,Adapter是RecyclerView和数据之间约会的鹊桥,那么应该怎么来完成这个约会的重要组成部分的搭建呢?首先我们需要知道Android并没有提供Adapter的实现类,而是提供了一个叫做RecyclerView.Adapter<ViewHolder>的Adapter类来让我们继承。我们都知道鹊桥是由喜鹊搭建的,那么Adapter中的喜鹊是什么呢?以下这三个需要在继承Adapter类时重写的方法就是搭建Adapter的喜鹊了。
-
ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
这
只喜鹊个方法会在RecyclerView实例化一个新的ViewHolder时被调用。 -
void onBindViewHolder(ViewHolder holder, int position)
这个方法会在RecyclerView想我们的数据源填充视图并且呈现给用户时调用。
-
int getItemCount()
这个方法它仅仅是简单的返回数据源中的项目数。
下面是一个简单的Adapter类的写法。
public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.ViewHolder> { private int mItems; public NormalAdapter(int items) { mItems = items; } @Override public VH onCreateViewHolder(ViewGroup parent, int viewType) { Context context = parent.getContext(); int layoutIdForListItem = R.layout.list_item; LayoutInflater inflater = LayoutInflater.from(context); boolean shouldAttachToParentImmediately = false; View view = inflater.inflate(layoutIdForListItem, parent, shouldAttachToParentImmediately); CustomViewHolder viewHolder = new CustomViewHolder(view); return viewHolder; } @Override public void onBindViewHolder(ViewHolder holder, int position) { holder.bind(position); } @Override public int getItemCount() { return mItems; } public class CustomViewHolder extends RecyclerView.ViewHolder{ public final TextView item; public CustomViewHolder(View v) { super(v); item = (TextView) v.findViewById(R.id.tv_item); } void bind(int listIndex) { item.setText(String.valueOf(listIndex)); } } }
不知道你发现没,其实我们之前写的ViewHolder类其实是Adapter的一个内部类。此外这里我这个Adapter类写的并不怎么好,推荐你看看我下面参考资料中的腾讯Bugly公众号的RecyclerView 必知必会,他里面有说到万能Adapter的写法。
3.5 连接RecyclerView
通过我们上面一步步地搭建,现在这个鹊桥算是基本完成了。我们现在就通过LayoutManager来让RecyclerView和我们的数据源“甜蜜的约会”吧。不过在贴代码之前,我还想再跟你说点关于LayoutManager的事儿。
LayoutManager由以下三种实现:
- LinearLayoutManager 线性布局
- GridLayoutManager 网格布局
- StaggeredGridLayoutManager 错列网格布局(也称之为瀑布流布局)
因为我只是简单的介绍,所以我以使用最为广泛LinearLayoutManager为例来实现连接过程。
mRecyclerview = (RecyclerView) findViewById(R.id.rv_list);
/*
* 线性布局既然称之为线性,自然它肯定有横向与纵向两个方向,而默认的方式是纵向的。
*/
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
mRecyclerview.setLayoutManager(layoutManager);
/*
* 这个方法可以对UI进行一些优化,它能使UI在适配器内容改变时避免使整个布局无效
*/
mNumbersList.setHasFixedSize(true);
这里我就只是简单的给你介绍下,想要了解更多的关于LayoutManager的知识,你可以在我下面的推荐资料中找到。
3.6 处理点击事件
当你把RecyclerView和数据连接之后,你却发现为啥不能点啊喂?骚年,你还忘了点击事件处理啊。你可能又会问那为啥RecyclerView不提供点击事件处理,要我自己来处理?因为Android开发团队并不知道你会点击的是单项中的图片or文字,所以他们就把这项任务交给你自己来做。这也是RecyclerView比ListView优秀的地方。
下面是我根据当初在Android开发者官网的Training中学到的方法。在Adapter中自己定义一个点击监听器接口,然后在ViewHolder中实现view.OnClickListener接口,在onClick()中再调用我们自己定义的接口。最后在RecyclerView所在的Activity中实现接口中自定义的方法。或许这看起来会有点复杂,不过这个方法优秀在你可以把点击事件的处理和Adapter分开,以至于更好的扩展。
public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.CustomViewHolder> {
final private ItemClickListener mOnClickListener;
public interface ListItemClickListener {
void onListItemClick(int clickedItemIndex);
}
public class CustomViewHolder extends RecyclerView.ViewHolder implements OnClickListener {
public final TextView item;
public CustomViewHolder(View v) {
super(v);
item = (TextView) v.findViewById(R.id.tv_item);
}
@Override
public void onClick(View v) {
mOnClickListener.onItemClick();
}
}
如果你一下理解不了这里的内容,是没有关系的。
4. 参考资料
如果在你看完我这篇关于RecyclerView的简单介绍之后,你还不够满足的话。我的承认骚年你也是一个跟我一样爱学习的三好青年辣(竖起了我的大拇指)!所以我也为你准备了一些参考资料,接下来的学习就由它们来帮助你吧!
android开发游记:RecyclerView无法添加onItemClickListener最佳的高效解决方案
腾讯Bugly公众号(weixinBugly):RecyclerView 必知必会
5. 写在最后的话
更多Android开发文章请点击我的主页查看,谢谢你阅读我的文章。