终于闲下来了,总结一下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);其中,setOrientation()方法设置其只能横向滚动。
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);
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 {单个的Item布局:
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);
}
}
}
<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);是不是感觉与ListView的click有点不一样?我们是在adapter中进行点击事件绑定的。不管怎样,你还是拿到的点击后的View和Position。
//recycleview的点击事件
adapter.setOnItemClickListener(new RecycleViewAdapter.OnRecycleViewItemClickListener() {
@Override
public void OnItemClick(View view, int position) {
//ShowDetail(listBrings.get(position),position);
}
});