【Android】RecyclerView的使用
前言
RecyclerVie出来已经有一段时间了,它是Google在 2014 年 10 月推出Android5.0的时候推出了MaterialDesign,而RecyclerView是MaterialDesign重要组件之一,用来替代ListView和GridView。
相信还有一部分同学还在使用ListView和GridView(我前一段时间还在用),从现在开始,让我们跟他们说拜拜,开始体验RecyclerView。
优点
他可以通过设置LayoutManager来快速实现listview、gridview、瀑布流的效果,而且还可以设置横向和纵向显示,你想要控制Item间的间隔(可绘制),添加动画效果也非常简单(自带了ItemAnimation,可以设置加载和移除时的动画,方便做出各种动态浏览的效果)
用法
1、导入
在Module的build.gradle的Dependencies中添加依赖(对应自己appcompat-v7的版本)
dependencies {
...
compile 'com.android.support:recyclerview-v7:21.0.3'
}
2、使用
- 在布局文件中使用RecyclerView
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerview"
android:layout_height="match_parent"
android:layout_width="match_parent"/>
- 接着需要先创建一个Adapter类,与ListView用的SimpleAdapter类似。
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyHolder>{
/**
* 数据
*/
private List<String> data;
public MyAdapter(List<String> data) {
this.data = data;
}
@Override
public MyHolder onCreateViewHolder(ViewGroup parent, int viewType) {
//得到item的view
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false);
return new MyHolder(view);
}
@Override
public void onBindViewHolder(MyHolder holder, int position) {
//为item绑定内容
holder.textView.setText(data.get(position));
}
@Override
public int getItemCount() {
//得到列表的数量
if (data != null) {
return data.size();
} else {
return 0;
}
}
class MyHolder extends RecyclerView.ViewHolder {
TextView textView;
public MyHolder(View itemView) {
super(itemView);
textView = (TextView) itemView.findViewById(R.id.textview);
}
}
}
这个Adapter需要继承RecyclerView.Adapter,对于MyHolder 相信大家都不会陌生,我们在使用ListView或GridView的时候都会用到。RecyclerView的Adapter强制要求使用ViewHolder,该ViewHolder须继承RecyclerView.ViewHolder。
对应的item布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:padding="5dp"
android:layout_height="50dp"
android:gravity="center_vertical"
android:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:src="@mipmap/ic_launcher"
android:layout_height="match_parent" />
<TextView
android:id="@+id/textview"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>
- 最后就是在Activity中,对这个RecyclerView设置属性和内容。RecyclerView可以根据需要设置成ListView、GridView以及瀑布流样式。
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
//设置为Listview样式
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
recyclerView.setLayoutManager(layoutManager);
//模拟数据
List<String> data = new ArrayList<>();
for (int i = 0; i < 30; i ++) {
data.add("Just item " + i);
}
//创建Adapter
MyAdapter adapter = new MyAdapter(data);
//为RecylcerView设置adapter
recyclerView.setAdapter(adapter);
这里将Recycler设置成了ListView样式,若需要GridView样式只需要将
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
改为
int arrayNum = 2;//GridView样式时的列数
GridLayoutManager layoutManager1 = new GridLayoutManager(this, arrayNum);
或瀑布流()
int arrayNum = 2;//GridView样式时的列数
int style = StaggeredGridLayoutManager.VERTICAL;//列垂直排布
StaggeredGridLayoutManager layoutManager1 = new StaggeredGridLayoutManager(arrayNum,style);
- 还可以设置横向和纵向显示
//纵向显示
layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
//横向显示
layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
-
完成一次RecyclerView的简单使用,来看看效果
效果
![](http://upload-images.jianshu.io/upload_images/1638147-1c2087b69d030113.png)
- 我们在使用ListView的时候,一般都会使用分割线,只要在布局中说明就好了。相比ListView,RecyclerView添加分割线就有些复杂了。
分割线的添加可以起参考以下博客:
http://www.jianshu.com/p/4eff036360da
http://blog.csdn.net/lmj623565791/article/details/45059587
结尾
讲了半天,就展示了RecyclerView在ListView、GridView以及瀑布流效果的设置,还有横向和纵向的显示。平时在ListView中用的addHeader,还有常用的上拉加载,下拉刷新呢?别急,先熟悉RecyclerView的基本用法,再来深入也不迟啊。