码迷,mamicode.com
首页 > 其他好文 > 详细

RecyclerView的使用

时间:2016-09-27 20:27:10      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:

  原文来自:http://www.cnblogs.com/liuling/p/2015-11-04-01.html

什么是RecyclerView
        RecyclerView是Android 5.0 materials design中的组件之一,相应的还有CardView、Palette等。看名字我们就能看出一点端倪,没错,它主要的特点就是复用。我们知道,Listview中的Adapter中可以实现ViewHolder的复用。RecyclerView提供了一个耦合度更低的方式来复用ViewHolder,RecyclerView只管回收与复用View,其他的你可以自己去设置,其高度解耦可以轻松的实现ListView、GridView以及瀑布流的效果
 
RecyclerView的用法        首先我们要gradle的依赖库中添加  
compile ‘com.android.support:recyclerview-v7:23.3.0‘
。如果是eclipse直接导入android-support-v7-recyclerview.jar就可以了。
技术分享

技术分享

技术分享

技术分享

找到v7下的包,编译的时候出错,可以更改为

技术分享

 

  • 控制其显示的方式,通过布局管理器LayoutManager
  • 控制Item间的间隔(可绘制),通过ItemDecoration
  • 控制Item增删的动画,通过ItemAnimator
  • 控制点击、长按事件,自己写
 
实例:
运用recyclerView实现listview的效果,并实现自定义监听,进行item的点击,长按事件
layout_recyclerview_item.xml:
注意:设置listview垂直滚动时,父布局的高度不能为mathch_parent ,不然会出现一个页面显示一条数据的现象,横向滚动同理.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:id="@+id/tv_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

 

 
适配器的代码如下:
/**
 * Created by Administrator on 2016/9/27.
 */
public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.ItemViewHolder> {
    private Context context;
    private List<String>dataList;
    private MyOnItemClickListener myOnItemClickListener;

    /**
     * 重写构造方法
     * @param context 当前activity对象
     * @param dataList 数据源
     */
    public MyRecyclerViewAdapter(Context context, List<String> dataList) {
        this.context = context;
        this.dataList = dataList;

    }



    /**
     * 创建viewHolder
     * @param parent
     * @param viewType
     * @return
     */
    @Override
    public ItemViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //加载布局
        View view = LayoutInflater.from(context).inflate(R.layout.layout_recyclerview_item,parent,false);
        //创建viewholder对象,将布局传入
        ItemViewHolder viewHolder = new ItemViewHolder(view);
        return viewHolder;
    }

    /**
     * 绑定viewHolder
     * @param holder  recycleView.ViewHolder的子类
     * @param position 当前索引
     */
    @Override
    public void onBindViewHolder(final ItemViewHolder holder,final int position) {
        holder.tv_text.setText(dataList.get(position));
        //给每个item设置点击事件
        //判断是否存在监听
/**
 这里加了判断,itemViewHolder.itemView.hasOnClickListeners()
 目的是减少对象的创建,如果已经为view设置了click监听事件,就不用重复设置了,不然每次调用onBindViewHolder方法,都会创建两个监听事件对象,增加了内存的开销
*/
        if(myOnItemClickListener != null&&!holder.tv_text.hasOnClickListeners()){
            holder.tv_text.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    //注意:当点击该position的时候,recycleView中默认点击的是在父控件中的位置,当删除数据时,也是删除父布局中的对应索引的位置
                    //比如:删除点击item4会删除Item4,再点击item6,会删除item7,因为item7在父布局中位置为6,因此推荐使用父类的position
                    myOnItemClickListener.myOnItemClick(v,holder.getLayoutPosition());
                }
            });
            holder.tv_text.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    myOnItemClickListener.myOItemLongClick(v,holder.getLayoutPosition());
                    return true;
                }
            });

        }
    }
    @Override
    public int getItemCount() {
        return dataList.size();
    }
    /**
     * 设置自定义对外暴露的监听
     * @param myOnItemClickListener
     */
    public void setMyOnItemClickListener(MyOnItemClickListener myOnItemClickListener){
        this.myOnItemClickListener = myOnItemClickListener;

    }

    /**
     * 删除数据
     * @param position
     */
    public void deleteData(int position){
        dataList.remove(position);
        //更新当前删除条目的数据
        notifyItemRemoved(position);
    }
    public void addData(int positon,String data){
        dataList.add(positon,data);
        //只更新当前插入的条目的数据
        notifyItemInserted(positon);
    }
    /**
     * 添加数据
     * @param list
     */
    public void updateData(List<String> list){
        dataList.addAll(list);
        notifyDataSetChanged();
    }

    class ItemViewHolder extends RecyclerView.ViewHolder{
        private TextView tv_text;
        public ItemViewHolder(View itemView) {
            super(itemView);
            tv_text = (TextView) itemView.findViewById(R.id.tv_text);
        }
    }
    public interface  MyOnItemClickListener{
        void myOnItemClick(View view,int Postion);
        void myOItemLongClick(View view,int position);
    }

}

可以看到数据适配器与BaseAdapter比较发生了相当大的变化,主要有3个方法:

 

getItemCount 这个不用说,获取总的条目数

onCreateViewHolder 创建ViewHolder

onBindViewHolder 将数据绑定至ViewHolder

可见,RecyclerView对ViewHolder也进行了一定的封装,但是如果你仔细观察,你会发出一个疑问,ListView里面有个getView返回View为Item的布局,那么这个Item的样子在哪控制?

其实是这样的,我们创建的ViewHolder必须继承RecyclerView.ViewHolder,这个RecyclerView.ViewHolder的构造时必须传入一个View,这个View相当于我们ListView getView中的convertView (即:我们需要inflate的item布局需要传入)。

还有一点,ListView中convertView是复用的,在RecyclerView中,是把ViewHolder作为缓存的单位了,然后convertView作为ViewHolder的成员变量保持在ViewHolder中,也就是说,假设没有屏幕显示10个条目,则会创建10个ViewHolder缓存起来,每次复用的是ViewHolder,所以他把getView这个方法变为了onCreateViewHolder。有兴趣的自己打印下Log,测试下

 

main方法:

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    private List<String> dataList = new ArrayList<String>();
    private MyRecyclerViewAdapter recyclerViewAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化控件
        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        /**
            设置布局管理器,listview风格则设置为LinearLayoutManager
            gridview风格则设置为GridLayoutManager
            pu瀑布流风格的设置为StaggeredGridLayoutManager
                */
        //默认竖直滚动
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(linearLayoutManager);
        //初始化数据
        initData();
        //创建适配器
        recyclerViewAdapter = new MyRecyclerViewAdapter(this,dataList);
        //设置适配器
        recyclerView.setAdapter(recyclerViewAdapter);
        //设置自定义点击监听
        recyclerViewAdapter.setMyOnItemClickListener(new MyRecyclerViewAdapter.MyOnItemClickListener() {
            //点击item的时候调用
            @Override
            public void myOnItemClick(View view, int Postion) {
                Toast.makeText(MainActivity.this, dataList.get(Postion), Toast.LENGTH_SHORT).show();
                recyclerViewAdapter.deleteData(Postion);
            }
            //长按item的时候调用
            @Override
            public void myOItemLongClick(View view, int position) {
                Toast.makeText(MainActivity.this,"长按--"+dataList.get(position), Toast.LENGTH_SHORT).show();
                recyclerViewAdapter.addData(position,"我是新来的");
            }
        });
    }

    private void initData() {
        for (int i = 0; i < 30; i++) {
            dataList.add((i+1)+"条数据");
        }
    }
}

效果如下:

点击时:

技术分享

点击后:

技术分享

 长按后:

 技术分享

ItemDecoration

我们可以通过该方法添加分割线: 
mRecyclerView.addItemDecoration() 

RecyclerView.ItemDecoration的实现类

package fanggao.qf.recycleviewlistview;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.View;

/**
 * Created by Administrator on 2016/9/27.
 */
public class DividerItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{
            android.R.attr.listDivider
    };

    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;

    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;

    private Drawable mDivider;

    private int mOrientation;

    public DividerItemDecoration(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
        setOrientation(orientation);
    }

    public void setOrientation(int orientation) {
        if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
            throw new IllegalArgumentException("invalid orientation");
        }
        mOrientation = orientation;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent) {
        Log.v("recyclerview - itemdecoration", "onDraw()");

        if (mOrientation == VERTICAL_LIST) {
            drawVertical(c, parent);
        } else {
            drawHorizontal(c, parent);
        }

    }


    public void drawVertical(Canvas c, RecyclerView parent) {
        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            android.support.v7.widget.RecyclerView v = new android.support.v7.widget.RecyclerView(parent.getContext());
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    public void drawHorizontal(Canvas c, RecyclerView parent) {
        final int top = parent.getPaddingTop();
        final int bottom = parent.getHeight() - parent.getPaddingBottom();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
        if (mOrientation == VERTICAL_LIST) {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        }
    }
}

该实现类可以看到通过读取系统主题中的 Android.R.attr.listDivider作为Item间的分割线,并且支持横向和纵向

在源代码上添加一句

 recyclerView.addItemDecoration(new DividerItemDecoration(this,
                DividerItemDecoration.VERTICAL_LIST));

效果:

技术分享

该分割线是系统默认的,你可以在theme.xml中找到该属性的使用情况

具体见转载请标明出处: 
http://blog.csdn.net/lmj623565791/article/details/45059587; 
本文出自:【张鸿洋的博客】

RecyclerView的使用

标签:

原文地址:http://www.cnblogs.com/fangg/p/5914005.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!