android 之 RecyclerView

作者: 石头_起航 | 来源:发表于2018-06-26 16:36 被阅读26次

    先写一些最简单的使用方法,高度可自定义定制的一个控件。

    1、你想要控制其显示的方式,请通过布局管理器LayoutManager
    2、你想要控制Item间的间隔(可绘制),请通过ItemDecoration
    3、你想要控制Item增删的动画,请通过ItemAnimator
    4、你想要控制点击、长按事件,请自己写
    一、RecyclerView的基本使用
    1.1 初始化
    1.2 设置布局管理器
    LinearLayoutManager 线性的 支持横竖
    GridLayoutManager 表格的 支持横竖
    StaggeredGridLayoutManager 瀑布流 支持横竖
    1.3 设置Adapter
    1.3.1 创建的Adapter必须继承自RecyclerView的Adapter
    1.3.2 创建Adapter的时候 需要一个ViewHolder的泛型
    这个ViewHolder 必须继承RecyclerView的ViewHolder
    而且要实现父类的构造方法
    1.3.3 必须实现RecyclerView.Adapter 的三个抽象方法 getItemCount、
    onCreateViewHolder、onBindViewHolder
    1.3.4 onCreateViewHolder里面创建ViewHolder 并且给控件初始化
    1.3.5 onBandViewHolder 里面绑定数据;
    功能很强大,虽然强大,出来也挺久了,但是listview还是存有一定价值,小巧使用方便轻量级。下边先写一个简单的adapter 以及最简单的使用。

    public class MyReViewAdapter extends RecyclerView.Adapter<MyReViewAdapter.LinearViewHolder> {
        private ArrayList<String> mStrings;
        private Context mContext;
        public MyReViewAdapter(ArrayList<String> mStrings, Context mContext) {
            this.mStrings = mStrings;
            this.mContext = mContext;
        }
    //创建viewholder的地方
        @Override
        public LinearViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View viewItem = LayoutInflater.from(mContext).inflate(R.layout.item_list, parent, false);//这里记清楚 不然会出问题的
            LinearViewHolder viewHolder = new LinearViewHolder(viewItem);
            return viewHolder;
        }
    //下面是绑定数据的地方
        @Override
        public void onBindViewHolder(LinearViewHolder holder, int position) {
            String s = mStrings.get(position);
            holder.mTextView.setText(s);
        }
    //获取item总数的地方
        @Override
        public int getItemCount() {
            return mStrings == null ? 0 : mStrings.size();
        }
    //viewHolder
        public static class LinearViewHolder extends RecyclerView.ViewHolder {
            private TextView mTextView;
            public LinearViewHolder(View itemView) {
                super(itemView);
                mTextView = (TextView) itemView.findViewById(R.id.tv);
            }
        }
    }
    

    上边是一个简单的不能简单的RecyclerView适配器,有几点要记住LayoutInflater填充布局的时候如果LayoutInflater.from(mContext).inflate(R.layout.item_list,null);这样写会出现一些小问题,有兴趣的话可以试试。
    然后就是在activity里面使用了。控件初始化不写了 ,下边是关键代码

      mArrayList = new ArrayList<>();
            int count = 30;
            for (int i = 0; i < count; i++) {
                mArrayList.add("=====>>>>" + i);
            }
            myReViewAdapter = new MyReViewAdapter(mArrayList, this);
           //  设置布局管理器  后面两个参数可以不写  默认是竖着的列表  数据默认不反转
            // params0   上下文
            // params1   方向(将来RecyclerView滑动的方向)
            //LinearLayoutManager.VERTICAL  竖向
            //LinearLayoutManager.HORIZONTAL 横向
            // params2   是否反转布局 (如果设置的true  那么 最后一个item会展示在第一条)
            LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
            mRecyclerView.setLayoutManager(linearLayoutManager);
            mRecyclerView.setAdapter(myReViewAdapter);
    

    瀑布流实现主要有两种方式
    1 、由数据的内容 导致控件的大小不一。
    2 、人为给item的父布局设置不同的高度

    我写一个人为控制的瀑布流效果


    瀑布流.png

    看起来不怎么雅观哈,不怎么好看了,设置背景颜色目的就是可以让你看到这个控件的高度,那个有的没有显示出来字(我写的item的问题,不改了这个不是重点,重点在瀑布流)。
    如果因为控件自适应的话和上边的adapter差不多,不过这个的adapter就有点不同了,我copy部分代码过来。传过来一个集合告诉这边设置控件的高度,然后在onBindViewHolder 方法里面添加下边代码

           //动态的给RecyclerView的item设置不同的高度
            holders.mLayout.setLayoutParams(new RecyclerView.LayoutParams(RecyclerView.LayoutParams.MATCH_PARENT, mHeight.get(position)));
           //设置随机色,我是为了让布局更加明显
            Random random = new Random();
            int r = random.nextInt(256);
            int g = random.nextInt(256);
            int b = random.nextInt(256);
            holders.mLayout.setBackgroundColor(Color.rgb(r,g,b));
    

    然后activity里面布局管理器不一样,代码下边

     StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
            mRecyclerView.setLayoutManager(staggeredGridLayoutManager);
    

    StaggeredGridLayoutManager里面两个参数说明
    第一个是表示显示几列,第二个参数就是横竖显示的参数和上边的差不多。如果是横着的实现瀑布流就得修改adapter里面的设置高度的那个。
    还有就是一个传高度的集合,使用的也是随机数。不传也可以,在adapter里面直接生成随机数赋值。
    RecyclerView这个东西原生不带点击事件,所以下面写点击事件的监听。
    就是一个接口回调而已上全部代码吧

    public class MyReViewAdapter extends RecyclerView.Adapter<MyReViewAdapter.LinearViewHolder> implements View.OnClickListener{
        private ArrayList<String> mStrings;
        private Context mContext;
        private OnItemClickListeners  mOnItemClickListeners;
        public MyReViewAdapter(ArrayList<String> mStrings, Context mContext) {
            this.mStrings = mStrings;
            this.mContext = mContext;
        }
        @Override
        public LinearViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View viewItem = LayoutInflater.from(mContext).inflate(R.layout.item_list, parent, false);
            LinearViewHolder viewHolder = new LinearViewHolder(viewItem);
            return viewHolder;
        }
        @Override
        public void onBindViewHolder(LinearViewHolder holder, int position) {
            String s = mStrings.get(position);
            holder.mTextView.setText(s);
            holder.mTextView.setTag(position);//很重要
            holder.mTextView.setOnClickListener(this);
        }
        @Override
        public int getItemCount() {
            return mStrings == null ? 0 : mStrings.size();
        }
        public static class LinearViewHolder extends RecyclerView.ViewHolder {
            private TextView mTextView;
            public LinearViewHolder(View itemView) {
                super(itemView);
                mTextView = (TextView) itemView.findViewById(R.id.tv);
            }
        }
        //该方法是为了实例化listrner,相当于setOnClickListener
        public void setOnItemClickListener(OnItemClickListeners listener){
            mOnItemClickListeners = listener;
        }
        //定义接口
        public interface OnItemClickListeners{
            void onItemClick(View view,int position);
        }
        @Override
        public void onClick(View v) {
            Integer position = (Integer) v.getTag();
            if (position!=null) {
                if (mOnItemClickListeners!=null) {
                    mOnItemClickListeners.onItemClick(v,position);//回传数据
                }
            }
        }
    }
    

    用法就不写了太简单了。RecyclerView还可以设置多布局。先写这些

    相关文章

      网友评论

        本文标题:android 之 RecyclerView

        本文链接:https://www.haomeiwen.com/subject/ycfmyftx.html