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

最新推荐文章于 2025-07-31 13:11:26 发布

张中文

最新推荐文章于 2025-07-31 13:11:26 发布

阅读量2.1k

点赞数

分类专栏： android

android 专栏收录该内容

85 篇文章

订阅专栏

本文详细介绍如何使用 RecyclerView 实现左右滑动效果，包括布局设置、使用设置、自定义 Adapter 方法及点击事件响应。

一、概述

与常见的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。