美文网首页
RecyclerView点滴

RecyclerView点滴

作者: xybCoder | 来源:发表于2016-03-07 18:17 被阅读0次

    一、开发Android的程序员都知道LIstView,2014年Google Android L 版发布,新的控件RecyclerView取代之前ListView,为什么Google要取代它,通过自己实践使用,发现它比ListView有以下几大有点:

    1.提供了一种插拔式的体验,高度的解耦,异常的灵活使用

    2.显示的样式更丰富包括水平,竖直,Grid,瀑布显示方式

    3.可以通过ItemDecoration自定义Item间的间隔

    4.可以通过ItemAnimator自定义Item增、删动画(也可设置默认动画)

    5.代码内聚不需要手动创建ViewHolder

    二 、使用RecyclerView先了解他们的用处

    1.RecyclerView.LayoutManager--------负责item显示方式

    2.RecyclerView.Adapter---------------处理数据集合并负责绑定视图

    3.ViewHolder------------------------持有item所有的用于绑定数据的View

    4.ItemDecoration---------------------负责绘制Item附近的分割线

    5.ItemAnimator-----------------------为Item的一般操作添加动画效果

    LayoutManager主要作用是,测量和摆放RecyclerView中itemView,以及当itemView对用户不可见时循环复用处理。 通过设置Layout Manager的属性,可以实现水平滚动、垂直滚动、Gird,瀑布显示

    mRecyclerView.setLayoutManager(new LinearLayoutManager(this));设置横向布局

    当然还可以设置Gird布局GridLayoutManager,瀑布布局StaggeredGridLayoutManager

    还有一些其他的API:

    findFirstVisibleItemPosition()返回当前第一个可见Item的position

    findFirstCompletelyVisibleItemPosition()返回当前第一个完全可见Item的position

    findLastVisibleItemPosition()返回当前最后一个可见Item的position

    findLastCompletelyVisibleItemPosition()返回当前最后一个完全可见Item的position

    RecyclerView.Adapter扮演着两个角色。一、根据不同ViewType创建与之相应的的Item-Layout,二、访问数据集合并将数据绑定到正确的View上。这就需要我们重写以下函数:

    public VH onCreateViewHolder(ViewGroup parent, int viewType)创建Item视图,并返回相应的ViewHolder

    public void onBindViewHolder(VH holder, int position)绑定数据到正确的Item视图上。

    public int getItemCount() 返回该Adapter所持有的Itme数量

    public class MyAdapter extends RecyclerView.Adapter {

    public String[] datas = null;

    public MyAdapter(String[] datas) {

    this.datas = datas;

    }

    //创建新View,被LayoutManager所调用

    @Override

    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {

    View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item,viewGroup,false);

    ViewHolder vh = new ViewHolder(view);

    return vh;

    }

    //将数据与界面进行绑定的操作

    @Override

    public void onBindViewHolder(ViewHolder viewHolder, int position) {

    viewHolder.mTextView.setText(datas[position]);

    }

    //获取数据的数量

    @Override

    public int getItemCount() {

    return datas.length;

    }

    //自定义的ViewHolder,持有每个Item的的所有界面元素

    public static class ViewHolder extends RecyclerView.ViewHolder {

    public TextView mTextView;

    public ViewHolder(View view){

    super(view);

    mTextView = (TextView) view.findViewById(R.id.text);

    }

    }

    }

    RecyclerView.ItemDecoration通过设置recyclerView.addItemDecoration(new DividerDecoration(this));来改变Item之间的偏移量或者对Item进行装饰。当然,你也可以对RecyclerView设置多个ItemDecoration,列表展示的时候会遍历所有的ItemDecoration并调用里面的绘制方法,对Item进行装饰。RecyclerView.ItemDecoration是一个抽象类,可以通过重写以下三个方法,来实现Item之间的偏移量或者装饰效果:

    public void onDraw(Canvas c, RecyclerView parent) 装饰的绘制在Item条目绘制之前调用,所以这有可能被Item的内容所遮挡

    public void onDrawOver(Canvas c, RecyclerView parent) 装饰的绘制在Item条目绘制之后调用,因此装饰将浮于Item之上

    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) 与padding或margin类似,LayoutManager在测量阶段会调用该方法,计算出每一个Item的正确尺寸并设置偏移量。

    RecyclerView.ItemAnimator,ItemAnimator能够帮助Item实现独立的动画。ItemAnimator作触发于以下三种事件:

    1.某条数据被插入到数据集合中

    2.从数据集合中移除某条数据

    3.更改数据集合中的某条数据

    幸运的是,在Android中默认实现了一个DefaultItemAnimator,我们可以通过以下代码为Item增加动画效果:

    recyclerView.setItemAnimator(new DefaultItemAnimator());

    在之前的版本中,当时据集合发生改变时,我们通过调用.notifyDataSetChanged(),来刷新列表,因为这样做会触发列表的重绘,所以并不会出现任何动画效果,因此需要调用一些以notifyItem*()作为前缀的特殊方法,比如:

    public final void notifyItemInserted(int position) 向指定位置插入Item

    public final void notifyItemRemoved(int position) 移除指定位置Item

    public final void notifyItemChanged(int position) 更新指定位置Item

    三、Recycler设置监听Listeners

    当使用了一段时间的RecyclerView,发现为其每一项添加点击事件并没有ListView那么轻松,像ListView直接加个OnItemClickListener就行了。实际上我们不要把RecyclerView当做ListView的一个升级版,希望大家把他看做一个容器,同时里面包含了很多不同的Item,它们可以以不同方式排列组合,非常灵活,点击方式你可以按照你自己的意愿进行实现。

    本节主要讲解如何为RecyclerView添加点击事件, 并简单介绍如何进行Item增加删除。

    添加点击事件

    上面讲了如何使用RecyclerView的Adpater,其实我们会发现,Adapter是添加点击事件一个很好的地方,里面是构造布局等View的主要场所,也是数据和布局进行绑定的地方。首先我们在Adapter中创建一个实现点击接口,其中view是点击的Item,data是我们的数据,因为我们想知道我点击的区域部分的数据是什么,以便我下一步进行操作:

    public static interface OnRecyclerViewItemClickListener {

    void onItemClick(View view , DataModel data);

    }

    定义完接口,添加接口和设置Adapter接口的方法:

    private OnRecyclerViewItemClickListener mOnItemClickListener = null;

    public void setOnItemClickListener(OnRecyclerViewItemClickListener listener) {

    this.mOnItemClickListener = listener;

    }

    那么这个接口用在什么地方呢?如下代码所示,我们为Adapter实现OnClickListener方法:

    public class MyAdapter extends RecyclerView.Adapter implements View.OnClickListener{

    @Override

    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, final int i) {

    View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);

    ViewHolder vh = new ViewHolder(view);

    //将创建的View注册点击事件

    view.setOnClickListener(this);

    return vh;

    }

    @Override

    public void onBindViewHolder(ViewHolder viewHolder, final int i) {

    viewHolder.mTextView.setText(datas.get(i).title);

    //将数据保存在itemView的Tag中,以便点击时进行获取

    viewHolder.itemView.setTag(datas.get(i));

    }

    ...

    @Override

    public void onClick(View v) {

    if (mOnItemClickListener != null) {

    //注意这里使用getTag方法获取数据

    mOnItemClickListener.onItemClick(v,(DataModel)v.getTag());

    }

    }

    ...

    }

    做完这些事情,我们就可以在Activity或其他地方为RecyclerView添加项目点击事件了,如在MainActivity中:

    mAdapter = new MyAdapter(getDummyDatas());

    mRecyclerView.setAdapter(mAdapter);

    mAdapter.setOnItemClickListener(new MyAdapter.OnRecyclerViewItemClickListener() {

    @Override

    public void onItemClick(View view, DataModel data) {

    //DO your fucking bussiness here!

    }

    });

    完成了以上代码就可以为RecyclerView添加项目点击事件了,下面我们来看看RecyclerView如何添加和删除数据并在界面上显示。

    添加删除数据

    以前在ListView当中,我们只要修改后数据用Adapter的notifyDatasetChange一下就可以更新界面。然而在RecyclerView中还有一些更高级的用法:

    添加数据:

    public void addItem(DataModel content, int position) {

    datas.add(position, content);

    notifyItemInserted(position); //Attention!

    }

    删除数据:

    public void removeItem(DataModel model) {

    int position = datas.indexOf(model);

    datas.remove(position);

    notifyItemRemoved(position);//Attention!

    }

    相关文章

      网友评论

          本文标题:RecyclerView点滴

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