【Android】用RecycleView实现可以横向滚动的ListView效果

终于闲下来了，总结一下RecycleView的使用。

一、概述

与常见的ListView和GridView一样，RecycleView也用来在有限的界面上展示大量的数据。它提供了一种插拔式的体验，高度的解耦，使用非常灵活，可以通过support-v7包进行导入。先看以下RecycleView可以实现的效果：

（单列上下滚动）

（多列上下滚动）

（多项横向滚动）

（瀑布流）

二、实现一个可以左右滑动的ListView的效果

1、RecycleView的布局

其实布局很简单，与ListView一样：

<LinearLayout        android:layout_marginTop="10dp"        android:layout_marginLeft="10dp"        android:layout_marginRight="10dp"        android:layout_width="match_parent"        android:layout_height="wrap_content">        <android.support.v7.widget.RecyclerView            android:id="@+id/recy_bringinto"            android:layout_width="match_parent"            android:layout_height="125dp">        </android.support.v7.widget.RecyclerView>    </LinearLayout>

2、RecycleView的使用设置

相比于ListView使用时，只需要设置一个adapter就OK了，RecycleView的使用则要相对复杂一点。通过设置它的LayoutManager，ItemDecoration , ItemAnimator可以实现各种那个各样的效果，详情参见。

在这里我们主要用到了LayoutManager和ItemAnimator.

recycleView=(RecyclerView)findViewById(R.id.recy_bringinto);        recycleView.setHasFixedSize(true);//设置固定大小        recycleView.setItemAnimator(new DefaultItemAnimator());//设置默认动画        mLayoutManage=new LinearLayoutManager(this);        mLayoutManage.setOrientation(OrientationHelper.HORIZONTAL);//设置滚动方向，横向滚动        recycleView.setLayoutManager(mLayoutManage);        adapter=new  RecycleViewAdapter(this,R.layout.recycleview_bringinto,listBrings);

其中，setOrientation（）方法设置其只能横向滚动。

3、自定义RecycleView使用的adapter

在上一步最后一行，你看到了我自己定义RecycleViewAdapter类，它接受三个参数，分别是上下文对象Context、单个Item的布局文件、要显示的数据。

这里我们定义了一个内部类MyViewHolder继承于系统的RecyclerView.ViewHolder，然后RecycleViewAdapter继承RecycleView.Adapter。因为系统没有给我们的RecycleView控件实现OnClick方法，所以这里我让自定义的Adapter实现了View的OnClickListener接口，方便我们点击一个Item的时候可以做出响应。

熟悉ListView的人都知道，它是通过ViewHolder来提高性能的。onCreateViewHolder负责创建视图，解析单个Item的页面布局，并传入到MyViewHolder类中，进行findviewbyId。当滑动或者展示到手机屏幕上的时候通过onBindViewHolder方法将应该要显示的数据展示的屏幕上，在这个方法中因为用到了Volley，所以有个imageLoader，如果你用不到的话直接删除就好了。

详细代码：

public class RecycleViewAdapter extends RecyclerView.Adapter<RecycleViewAdapter.MyViewHoler> implements View.OnClickListener {    int ResourceID;    Context mContext;    ArrayList<BringInto> mData;    private OnRecycleViewItemClickListener mOnItemClickListener;    private ImageLoader imageLoader;    public RecycleViewAdapter(Context context, int resourceID, ArrayList<BringInto> brings) {        mContext=context;        mData=brings;        ResourceID=resourceID;    }    @Override    public void onBindViewHolder(MyViewHoler holder, int position) {        //相当于listview的adapter中的getview方法        //负责将数据绑定到视图上        if (imageLoader == null)            imageLoader = ApplicationController.getInstance().getImageLoader();        BringInto brin=mData.get(position);        holder.tvToolName.setText(brin.getToolname());        if(brin.getNotes().equals("人员进入"))        {            holder.ivPicIn.setBackgroundResource(R.drawable.user);        }else {            holder.ivPicIn.setImageUrl(brin.getPicIn(), imageLoader);        }        if(brin.iscorrect())        {            holder.ivCheck.setBackgroundResource(R.drawable.correct);        }else{            holder.ivCheck.setBackgroundResource(0);        }        holder.itemView.setTag(position);//将位置保存在tag中    }    @Override    public MyViewHoler onCreateViewHolder(ViewGroup parent, int viewType) {        //负责创建视图        View view= LayoutInflater.from(mContext).inflate(ResourceID,null);        view.setOnClickListener(this);        return new MyViewHoler(view);    }    @Override    public int getItemCount() {        return mData.size();    }    @Override    public void onClick(View v) {        if (mOnItemClickListener!=null)        {            mOnItemClickListener.OnItemClick(v,(int)v.getTag());        }    }    public void setOnItemClickListener(OnRecycleViewItemClickListener listener)    {        this.mOnItemClickListener=listener;    }    public static interface OnRecycleViewItemClickListener{        void OnItemClick(View view,int position);    }    class MyViewHoler extends RecyclerView.ViewHolder    {        private final NetworkImageView ivPicIn;        private final TextView tvToolName;        private final ImageView ivCheck;        public MyViewHoler(View itemView) {            super(itemView);            ivPicIn=(NetworkImageView)itemView.findViewById(R.id.iv_picIn);            tvToolName=(TextView)itemView.findViewById(R.id.tv_toolname);            ivCheck=(ImageView)itemView.findViewById(R.id.iv_check);        }    }}

单个的Item布局：

<LinearLayout        android:layout_marginRight="5dp"        android:gravity="center"        android:orientation="vertical"        android:layout_width="wrap_content"        android:layout_height="wrap_content">        <com.android.volley.toolbox.NetworkImageView            android:background="@drawable/default_picture"            android:id="@+id/iv_picIn"            android:layout_width="70dp"            android:layout_height="70dp"            android:text="缩略图"/>        <TextView            android:layout_marginTop="5dp"            android:id="@+id/tv_toolname"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textColor="#000000"            android:textSize="15sp"            android:text="名称"/>        <ImageView            android:id="@+id/iv_check"            android:layout_width="25dp"            android:layout_height="25dp"/>    </LinearLayout>

4.如何让RecycleView响应我们的点击事件？

在上面你看到了我定义了一个公共方法：setOnItemClickListener，一旦要使用这个方法必须实现接口：OnRecycleViewItemClickListener，然后在onCreateViewHolder中View的点击事件中，就会自动执行接口中的OnItemClick方法，此方法有两个参数，一个是当前点击的View，另一个是View所在的位置。

5.将自定义的adapter绑定到RecycleView上

recycleView.setAdapter(adapter);        //recycleview的点击事件        adapter.setOnItemClickListener(new RecycleViewAdapter.OnRecycleViewItemClickListener() {            @Override            public void OnItemClick(View view, int position) {                //ShowDetail(listBrings.get(position),position);            }        });

是不是感觉与ListView的click有点不一样？我们是在adapter中进行点击事件绑定的。不管怎样，你还是拿到的点击后的View和Position。