Android 开发之RecycleView的简单使用

简介：

RecyclerView是support-v7包中的新组件，是一个强大的滑动组件，与经典的ListView相比，同样拥有item回收复用的功能，但是直接把viewholder的实现封装起来，用户只要实现自己的viewholder就可以了，该组件会自动帮你回收复用每一个item。它不但变得更精简，也变得更加容易使用，而且更容易组合设计出自己需要的滑动布局。要使用

RecyclerView，请参考 ，其实你也可以只下载一个jar包，添加到自己的libs里就能使用它了Recycler.jar这个包。

推荐使用理由：

RecyclerView is a more advanced and flexible version of ListView. This widget is a container for large sets of views that can be recycled and scrolled very efficiently. Use the RecyclerView widget when you have lists with elements that change dynamically.

简单说，它是ListView的进化，为了当你需要动态展示一组数据的时候就会需要它。

当然，如果只是动态展示数据，listview也可以做到，用它替代listview的原因有几个：

-简介中提到的它封装了viewholder的回收复用。

-RecyclerView使用布局管理器管理子view的位置（目前尚只提供了LinearLayoutManager），也就是说你再不用拘泥于ListView的线性展示方式，如果之后提供其他custom

- LayoutManager的支持，你能够使用复杂的布局来展示一个动态组件。

-自带了ItemAnimation，可以设置加载和移除时的动画，方便做出各种动态浏览的效果。

使用案例一：普通的 listview 展示类型

①：效果图

②xml文件

<?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="vertical" >    <android.support.v7.widget.RecyclerView        android:id="@+id/recyclerView"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_centerVertical="true"        android:scrollbars="vertical" /></LinearLayout>

③bean 对象（ps:这里只是举例，可根据具体对象来实现）

package com.demo.bean;import java.io.Serializable;public class Recycler implements Serializable {private static final long serialVersionUID = 1L;private int imageId;private String title;private String time;public Recycler(int imageId, String title, String time) {super();this.imageId = imageId;this.title = title;this.time = time;}public int getImageId() {return imageId;}public void setImageId(int imageId) {this.imageId = imageId;}public String getTitle() {return title;}public void setTitle(String title) {this.title = title;}public String getTime() {return time;}public void setTime(String time) {this.time = time;}}

④适配器

package com.demo.adapter;import java.util.List;import android.annotation.SuppressLint;import android.support.v7.widget.RecyclerView;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;import com.demo.bean.Recycler;import com.demo.ui.R;/** * 适配器 *  * @author zengtao 2015年7月17日 下午3:27:17  * */public class RecycleAdapter extends RecyclerView.Adapter<RecycleAdapter.ViewHolder> {private List<Recycler> list;public RecycleAdapter(List<Recycler> list) {this.list = list;}@Overridepublic int getItemCount() {return list.isEmpty() ? 0 : list.size();}@SuppressLint("InflateParams")@Overridepublic ViewHolder onCreateViewHolder(ViewGroup parent, int arg1) {View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.recycler_item, null);ViewHolder vh = new ViewHolder(view);vh.recycler_item_image = (ImageView) view.findViewById(R.id.recycler_item_image);vh.recycler_item_name = (TextView) view.findViewById(R.id.recycler_item_name);vh.recycler_item_time = (TextView) view.findViewById(R.id.recycler_item_time);return vh;}/** * 设置值 */@Overridepublic void onBindViewHolder(final ViewHolder viewHolder, final int i) {final Recycler rc = list.get(i);viewHolder.recycler_item_image.setImageResource(rc.getImageId());viewHolder.recycler_item_name.setText(rc.getTitle());viewHolder.recycler_item_time.setText(rc.getTime());}static class ViewHolder extends RecyclerView.ViewHolder {private ImageView recycler_item_image;private TextView recycler_item_name, recycler_item_time;public ViewHolder(View itemView) {super(itemView);}}}

PS:其实大家也看到了，关于适配器，和以前我们使用listview的写法有一些区别

1.getItemCount() 这个方法不用说了，也就是老样子，一样的用法

2.关于ViewHolder这个类，以前所用的东西，都是我们自己所写的，但是现在呢，他给我们给封装好了，所以，我们写这个类的时候，我们只需要自己继承它本身给我们的RecyclerView.ViewHolder，在onCreateViewHolder中去寻找控件就好了，当然接下来我们会看到一个方法onBindViewHolder方法，看到方法名字，我们就会知道，其实它是一个绑定数据的方法，很清晰。

3.或许，接下来大家会发现一个问题，那就是，如果我点击这个item的时候，我跳转到详情页面，怎么办，我草了，我要传入数据过去怎么办，这么坑爹，在哪里写啊，郁闷中，麻痹，关于这个东西嘛，不能点击，苦恼啊。  

那么简单，我们给他写一个接口就好了嘛，在系统的的控件中，xxxview.setOnClickLinstener我们当时，用的那是啪啦啪啦的，现在没有怎么办，那么现在你来写呗，自己去创造，也不就是一样嘛，其实就是一个接口嘛。

4.我会在下一个示例中，将接口给添加上去

⑤主界面调用

package com.demo.ui;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 com.demo.adapter.RecycleAdapter;import com.demo.bean.Recycler;/** * RecyclerView 演示 *  * @author zengtao 2015年7月27日 下午4:06:40  * */public class MainActivity extends Activity {/** * RecyclerView 所需 */private RecyclerView recyclerView;private RecycleAdapter adapter;private LinearLayoutManager manager;private List<Recycler> list;/** * 图片id */private int[] imageId;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main_activity);initView();initData();}/** * 初始化控件 */private void initView() {recyclerView = (RecyclerView) findViewById(R.id.recyclerView);}/** * 初始化数据 */private void initData() {// 1.获取图片的数据imageId = new int[] { R.drawable.image_1, R.drawable.image_2, R.drawable.image_3, R.drawable.image_4, R.drawable.image_5, R.drawable.image_6, R.drawable.image_7 };list = new ArrayList<Recycler>();for (int i = 0; i < imageId.length; i++) {list.add(new Recycler(imageId[i], "羊信息", "2015-7-29 15:3" + i));}// 2.设置布局管理器manager = new LinearLayoutManager(this);manager.setOrientation(LinearLayoutManager.VERTICAL);recyclerView.setLayoutManager(manager);// 3.设置适配器adapter = new RecycleAdapter(list);recyclerView.setAdapter(adapter);adapter.notifyDataSetChanged();}}

ps:以上呢，就能够实现了，普通的listview的显示了，有很多的app当中，都是这样的一个模板化的显示，当然，如果这个控件如果真的只是这样，那我可能会问，listview不是一样可以实现么，这用这么麻烦的下载jar包，导入，等等，这不是很麻烦，接下来为大家写一个本来需要用gridview来实现的横向滚动的效果

使用案例二：横向滚动代替gridview实现滚动效果

①：效果图

②：RecycleView布局改变

<?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="vertical" >    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginBottom="10dp"        android:layout_marginLeft="10dp"        android:layout_marginRight="10dp"        android:layout_marginTop="10dp"        android:orientation="vertical" >        <ImageView            android:id="@+id/recycler_item_image"            android:layout_width="70dp"            android:layout_height="70dp"            android:layout_gravity="center_vertical"            android:src="@drawable/image_1" />        <TextView            android:id="@+id/recycler_item_name"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center"            android:layout_marginTop="5dp"            android:gravity="center"            android:text="羊羊羊"            android:textColor="#ff00ff"            android:textSize="12sp" />    </LinearLayout></LinearLayout>

②适配器稍作修改

package com.demo.adapter;import java.util.List;import android.annotation.SuppressLint;import android.support.v7.widget.RecyclerView;import android.view.LayoutInflater;import android.view.View;import android.view.View.OnClickListener;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;import com.demo.bean.Recycler;import com.demo.ui.R;/** * 适配器 *  * @author zengtao 2015年7月17日 下午3:27:17  * */public class RecycleAdapterH extends RecyclerView.Adapter<RecycleAdapterH.ViewHolder> {private List<Recycler> list;public RecycleAdapterH(List<Recycler> list) {this.list = list;}@Overridepublic int getItemCount() {return list.isEmpty() ? 0 : list.size();}@SuppressLint("InflateParams")@Overridepublic ViewHolder onCreateViewHolder(ViewGroup parent, int arg1) {View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.recycler_item_h, null);ViewHolder vh = new ViewHolder(view);vh.recycler_item_image = (ImageView) view.findViewById(R.id.recycler_item_image);vh.recycler_item_name = (TextView) view.findViewById(R.id.recycler_item_name);return vh;}/** * 设置值 */@Overridepublic void onBindViewHolder(final ViewHolder viewHolder, final int i) {final Recycler rc = list.get(i);viewHolder.recycler_item_image.setImageResource(rc.getImageId());viewHolder.recycler_item_name.setText(rc.getTitle());viewHolder.recycler_item_image.setImageResource(list.get(i).getImageId());// 如果设置了回调，则设置点击事件if (mOnItemClickLitener != null) {viewHolder.recycler_item_image.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {mOnItemClickLitener.onItemClick(viewHolder.recycler_item_image, i);}});}}/** * ItemClick的回调接口 */public interface OnItemClickLitener {void onItemClick(View view, int position);}private OnItemClickLitener mOnItemClickLitener;public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener) {this.mOnItemClickLitener = mOnItemClickLitener;}static class ViewHolder extends RecyclerView.ViewHolder {private ImageView recycler_item_image;private TextView recycler_item_name;public ViewHolder(View itemView) {super(itemView);}}}

ps:在这里呢，我就将接口给添加了上去，这样就方便大家可以啪啪啪了，

③：主界面的调用

package com.demo.ui;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.view.View;import android.widget.Toast;import com.demo.adapter.RecycleAdapterH;import com.demo.adapter.RecycleAdapterH.OnItemClickLitener;import com.demo.bean.Recycler;/** * RecyclerView 演示 *  * @author zengtao 2015年7月27日 下午4:06:40  * */public class MainActivity extends Activity {/** * RecyclerView 所需 */private RecyclerView recyclerView;private RecycleAdapterH adapter;private LinearLayoutManager manager;private List<Recycler> list;/** * 图片id */private int[] imageId;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main_activity);initView();initData();}/** * 初始化控件 */private void initView() {recyclerView = (RecyclerView) findViewById(R.id.recyclerView);}/** * 初始化数据 */private void initData() {// 1.获取图片的数据imageId = new int[] { R.drawable.image_1, R.drawable.image_2, R.drawable.image_3, R.drawable.image_4, R.drawable.image_5, R.drawable.image_6, R.drawable.image_7 };list = new ArrayList<Recycler>();for (int i = 0; i < imageId.length; i++) {list.add(new Recycler(imageId[i], "羊信息"));}// 2.设置布局管理器manager = new LinearLayoutManager(this);manager.setOrientation(LinearLayoutManager.HORIZONTAL);recyclerView.setLayoutManager(manager);// 3.设置适配器adapter = new RecycleAdapterH(list);recyclerView.setAdapter(adapter);adapter.notifyDataSetChanged();adapter.setOnItemClickLitener(new OnItemClickLitener() {@Overridepublic void onItemClick(View view, int position) {Toast.makeText(MainActivity.this, position + "", Toast.LENGTH_SHORT).show();}});}}

ps：大家可能会看见，如果我想要点击这个带一个效果，比如，感觉有按下的效果，很简单，自己写一个xml在里面添加android:state_focused，android:state_pressed属性，给于相应的颜色，在把这个xml添加到RecycleView的item中的background中就ok了

总结：

这样也就差不多了，从上到下讲解了关于RecycleView的详情介绍和使用，相信小伙伴们都应该会了，那么久拿去装逼吧，相对于以前我们实现类似的左右滑动效果，现在

这个RecycleView实现起来简单的太多了，效果嘛，也还是好的。

其实RecycleView一个最大的特点还没有说明，那就是用于动态添加数据的时候，绝对比你ListView添加数据要强悍的多

Demo下载地址：http://download.csdn.net/detail/u011546655/8943473

ps：关于下载的demo，里面只包含了局部东西，还有些呢，是要你自己去实现了，有时候，大家动动手，那绝对比抄袭要好的多，能够收获更多，虽然大家编写程序，最

大的特点就是学会抄，但是你还是要进度的，如果你真的具备了有研究一个东西的意识，想要彻底的转换为自己的东西，那么你举例高级工程师，那只是时间的问题。

祝：小伙伴们天天开心，工作顺顺利利。