Android RecyclerView基础

作者: 进击的包籽 | 来源:发表于2017-04-22 09:48 被阅读95次

Android RecyclerView学习（二）实现Gri
关于XrecyclerView使用小总结及角标越界问题
【Android 基础】 RecyclerView
Android RecyclerView基础
Android 控件 RecyclerView
Android RecyclerView item match_
Android实现RecyclerView自定义列表、点击事件以
Android基础__RecyclerView入门
万能适配器BaseQuickAdapter简单使用
BaseQuickAdapter——RecyclerView通用

RecyclerView的简单使用。

远程依赖 compile'com.android.support:recyclerview-v7:25.1.1'
使用新一点的版本Bug少一些，以前的版本会出现测量高度的错误。

简单使用

1.新建一个自定义adapter

按照我的习惯，要实现这样的结构，第一步是写Adapter。

public class SimpleAdapter1 extends RecyclerView.Adapter<RecyclerView.ViewHolder>
{
    /**
     * 创建ViewHolder
     *
     * @param parent   容器
     * @param viewType Item的类型，当RecyclerView只有一种Item时，这个值不用管
     * @return
     */
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
    {
        return null;
    }

    /**
     * 绑定Item的数据
     *
     * @param holder   对应的ViewHolder
     * @param position 下标
     */
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position)
    {
    }

    /**
     * @return 反回Adapter的数据长度
     */
    @Override
    public int getItemCount()
    {
        return 0;
    }
}

RecyclerView自带复用机制 RecyclerView.ViewHolder
当自定义adapter继承 RecyclerView.Adapter，就会重写至少三个方法
然后在自定义Adapter内部新建一个内部类ViewHolderItem 继承 RecyclerView.ViewHolder

 /**
     * HolderItem
     */
    private class ViewHolderItem extends RecyclerView.ViewHolder
    {
        //图片
        private ImageView image_head;
        //商品名
        private TextView tv_name;
        //价格
        private TextView tv_price;

        public ViewHolderItem(View itemView)
        {
            super(itemView);
            image_head = (ImageView) itemView.findViewById(R.id.image_head);
            tv_name = (TextView) itemView.findViewById(R.id.tv_name);
            tv_price = (TextView) itemView.findViewById(R.id.tv_price);
        }
    }

这里写Adapter的构造方法

    private List<BeanProduct> productList = new ArrayList<>();
    private Activity activity;

    public SimpleAdapter(Activity activity)
    {
        this.activity = activity;
    }

创建ViewHolder

@Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
    {
        return new ViewHolderItem(LayoutInflater.from(parent.getContext())
                .inflate(R.layout.item_product, parent, false));
    }

绑定数据

 @Override
    public void onBindViewHolder(final RecyclerView.ViewHolder holder, int position)
    {
        //给控件设置数据
        if (holder instanceof ViewHolderItem)
        {
            final BeanProduct product = productList.get(position);
            //加载图片
            Glide.with(activity)
                    .load(product.getProduct_image())
                    .into(((ViewHolderItem) holder).image_head);

            ((ViewHolderItem) holder).tv_name.setText(product.getProduct_name());

            ((ViewHolderItem) holder).tv_price.setText(product.getProduct_price());        
        }
    }

返回数据长度

  @Override
    public int getItemCount()
    {
        //返回数据的数量
        return productList.size();
    }

抛出点击事件的接口（按需求来）

 /**
     * item点击和长按事件接口
     */
    public interface OnItemClickListener
    {
        //点击事件
        void onItemClick(View view, int position, BeanProduct product);

        //长按事件
        void onItemLongClick(View view, int position, BeanProduct product);
    }

    public void setOnItemClickListener(OnItemClickListener onItemClickListener)
    {
        this.onItemClickListener = onItemClickListener;
    }

点击事件接口我一般会写在绑定数据里面

  @Override
    public void onBindViewHolder(final RecyclerView.ViewHolder holder, int position)
    {
        //给控件设置数据
        if (holder instanceof ViewHolderItem)
        {
           //...之前写的绑定数据
            //抛出点击事件
            holder.itemView.setOnClickListener(new View.OnClickListener()
            {
                @Override
                public void onClick(View v)
                {
                    onItemClickListener.onItemClick(holder.itemView, holder.getLayoutPosition(), product);
                }
            });

            //长按事件
            holder.itemView.setOnLongClickListener(new View.OnLongClickListener()
            {
                @Override
                public boolean onLongClick(View v)
                {
                    onItemClickListener.onItemLongClick(holder.itemView, holder.getLayoutPosition(), product);
                    return true;
                }
            });
        }
    }

给个完整的Adapter

public class SimpleAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>
{
    private List<BeanProduct> productList = new ArrayList<>();
    private Activity activity;
    private OnItemClickListener onItemClickListener;

    public SimpleAdapter(Activity activity)
    {
        this.activity = activity;
    }

    public SimpleAdapter(Activity activity, List<BeanProduct> productList)
    {
        this.activity = activity;
        addData(productList);
    }

    /**
     * 创建ViewHolder
     *
     * @param parent   容器
     * @param viewType Item的类型，当RecyclerView只有一种Item时，这个值不用管
     * @return
     */
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
    {
        return new ViewHolderItem(LayoutInflater.from(parent.getContext())
                .inflate(R.layout.item_product, parent, false));
    }

    /**
     * 绑定Item的数据
     *
     * @param holder   对应的ViewHolder
     * @param position 下标
     */
    @Override
    public void onBindViewHolder(final RecyclerView.ViewHolder holder, int position)
    {
        //给控件设置数据
        if (holder instanceof ViewHolderItem)
        {
            final BeanProduct product = productList.get(position);
            //加载图片
            Glide.with(activity)
                    .load(product.getProduct_image())
                    .into(((ViewHolderItem) holder).image_head);

            ((ViewHolderItem) holder).tv_name.setText(product.getProduct_name());

            ((ViewHolderItem) holder).tv_price.setText(product.getProduct_price());

            //抛出点击事件
            holder.itemView.setOnClickListener(new View.OnClickListener()
            {
                @Override
                public void onClick(View v)
                {
                    onItemClickListener.onItemClick(holder.itemView, holder.getLayoutPosition(), product);
                }
            });

            //长按事件
            holder.itemView.setOnLongClickListener(new View.OnLongClickListener()
            {
                @Override
                public boolean onLongClick(View v)
                {
                    onItemClickListener.onItemLongClick(holder.itemView, holder.getLayoutPosition(), product);
                    return true;
                }
            });
        }
    }

    /**
     * @return 反回Adapter的数据长度
     */
    @Override
    public int getItemCount()
    {
        //返回数据的数量
        return productList.size();
    }
/**
     * HolderItem
     */
    private class ViewHolderItem extends RecyclerView.ViewHolder
    {
        //图片
        private ImageView image_head;
        //商品名
        private TextView tv_name;
        //价格
        private TextView tv_price;

        public ViewHolderItem(View itemView)
        {
            super(itemView);
            image_head = (ImageView) itemView.findViewById(R.id.image_head);
            tv_name = (TextView) itemView.findViewById(R.id.tv_name);
            tv_price = (TextView) itemView.findViewById(R.id.tv_price);
        }
    }

    /**
     * 批量添加数据
     */
    public void addData(List<BeanProduct> datas)
    {
        if (datas != null && datas.size() > 0)
        {
            this.productList.addAll(datas);
            //刷新RecyclerView
            notifyDataSetChanged();
        }
    }

    /**
     * 添加单个数据
     */
    public void insertData(int position, BeanProduct product)
    {
        if (product != null)
        {
            this.productList.add(position, product);
            notifyItemInserted(position);
        }
    }

    /**
     * 移除全部数据
     */
    public void clearData()
    {
        this.productList.clear();
        notifyDataSetChanged();
    }

    /**
     * 移除指定数据
     */
    public void removeData(int position)
    {
        if (position < getItemCount())
        {
            this.productList.remove(position);
            notifyItemRemoved(position);
        }
    }

    /**
     * item点击和长按事件接口
     */
    public interface OnItemClickListener
    {
        //点击事件
        void onItemClick(View view, int position, BeanProduct product);

        //长按事件
        void onItemLongClick(View view, int position, BeanProduct product);
    }

    public void setOnItemClickListener(OnItemClickListener onItemClickListener)
    {
        this.onItemClickListener = onItemClickListener;
    }
}

2.设置RecyclerView的属性

recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
//LinearLayoutManager 现行管理器，支持横向、纵向。
//GridLayoutManager 网格布局管理器
//StaggeredGridLayoutManager 瀑布就式布局管理器

//一定要layoutManager，否者无法显示，对应参数：1.上下文，2.方向，3.是否倒序
recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
//如果你确定你的RecyclerView每个item大小一样，这样可以提高性能
recyclerView.setHasFixedSize(true);

3.RecyclerView绑定adapter

  List<BeanProduct> products = new ArrayList<>();
        products.add(new BeanProduct("http://g.hiphotos.baidu.com/zhidao/pic/item/622762d0f703918fee26e819513d269758eec46a.jpg", "路飞", "5亿贝利"));
        products.add(new BeanProduct("http://dmimg.5054399.com/allimg/optuji/opgzqz/33.jpg", "索隆", "3亿2千万贝利"));
        products.add(new BeanProduct("http://img1.imgtn.bdimg.com/it/u=589352723,993196148&fm=23&gp=0.jpg", "山治", "1亿贝利"));

        simpleAdapter = new SimpleAdapter(this, products);
        simpleAdapter.setOnItemClickListener(new SimpleAdapter.OnItemClickListener()
        {
            @Override
            public void onItemClick(View view, int position, BeanProduct product)
            {
                //点击事件
                Toast.makeText(SimpleRecyclerViewActivity.this
                        , product.getProduct_name(), Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onItemLongClick(View view, int position, BeanProduct product)
            {
                //长按事件
                Toast.makeText(SimpleRecyclerViewActivity.this
                        , product.getProduct_price(), Toast.LENGTH_SHORT).show();
            }
        });

        //绑定adapter
        recyclerView.setAdapter(simpleAdapter);

4.增删操作

 @Override
    public void onClick(View v)
    {
        switch (v.getId())
        {
            //批量增加数据
            case R.id.btn_add:
                List<BeanProduct> products = new ArrayList<>();
                products.add(new BeanProduct("http://g.hiphotos.baidu.com/zhidao/pic/item/622762d0f703918fee26e819513d269758eec46a.jpg", "路飞", "5亿贝利"));
                products.add(new BeanProduct("http://dmimg.5054399.com/allimg/optuji/opgzqz/33.jpg", "索隆", "3亿2千万贝利"));
                products.add(new BeanProduct("http://img1.imgtn.bdimg.com/it/u=589352723,993196148&fm=23&gp=0.jpg", "山治", "1亿贝利"));
                simpleAdapter.addData(products);
                break;
            //指定位置插入数据
            case R.id.btn_add_insert:
                simpleAdapter.insertData(1,new BeanProduct("http://dmimg.5054399.com/allimg/optuji/opgzqz/35.jpg", "罗宾", "1亿2千万贝利"));
                break;
            //清除数据
            case R.id.btn_clear:
                simpleAdapter.clearData();
                break;
            //移除指定下标数据
            case R.id.btn_remove:
                simpleAdapter.removeData(1);
                break;
        }
    }

其实都是对adapter的操作，然后再刷新数据即可，RecyclerView自带增加删除的动画，自己可以动手试试的。

Android RecyclerView学习（二）实现Gri
添加RecyclerView依赖、及RecyclerViewAdapter的实现等基础代码，都在《Android ...
关于XrecyclerView使用小总结及角标越界问题
recycleView基础 android 5.0推出了RecyclerView，号称更快的listview，Re...
【Android 基础】 RecyclerView
RecyclerView Google Android 5.0 引入RecyclerView ，android.s...
Android RecyclerView基础
RecyclerView的简单使用。远程依赖 compile'com.android.support:rec...
Android 控件 RecyclerView
【Android 控件 RecyclerView】概述 RecyclerView是什么从Android 5.0...
Android RecyclerView item match_
Android RecyclerView item match_parent失效解决方案此问题的基础：1、加载布...
Android实现RecyclerView自定义列表、点击事件以
Android使用RecyclerView 1. 什么是RecyclerView RecyclerView 是 A...
Android基础__RecyclerView入门
1. 简介 RecyclerView是Android开发团队在Android5.0时推出旨在替换ListView的...
万能适配器BaseQuickAdapter简单使用
BaseQuickAdapter——RecyclerView通用适配器 RecyclerView是Android ...
BaseQuickAdapter——RecyclerView通用
BaseQuickAdapter——RecyclerView通用适配器 RecyclerView是Android ...