在进行一些MaterialDesign规范开发的时候,比如之前说到的CoordinateLayout实现的向上折叠效果的时候,如果依然使用ListView,那么这种效果是做不出来的,因为ListView不兼容这个控件,而替代它的就是RecyclerView。
和ListView的区别:
①RecyclerView只关心item的重用和缓存
②RecyclerView不关心item的分隔风格(交给ItemDecoration)
③RecyclerView不关心item的动画(交给ItemAnimator)
④RecyclerView不关心item的布局(交给LayoutManager)
本文为初探,所以先不详解②③④这几个内容,先记录一下用法和遇到的坑,后续有时间再更新!
先放一下效果图,动画效果在之前的博客也有提到,可以参考,主要的是中间的RecyclerView,这里主要讲如何使用它以及遇到的一些问题
先添加依赖,版本无所谓:
compile 'com.android.support:recyclerview-v7:23.1.1'
布局文件如下,注意最后一个属性可以不用理,这是用来协调动画效果的(就是把上面图片推上去的效果)
<android.support.v7.widget.RecyclerViewandroid:id="@+id/main_lv"android:layout_width="match_parent"android:layout_height="match_parent"app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
自定义一个Adapter继承自RecyclerView.Adapter,代码如下:
public class MyAdapter extends RecyclerView.Adapter { private static final String TAG = "MyAdapter"; private final List<Map<String, Object>> data; private final View root; private OnItemButtonCLickListener listener; public MyAdapter(List<Map<String, Object>> data, View root) { this.data = data; this.root = root; } public void setOnItemButtonClickListener(OnItemButtonCLickListener listener){ this.listener = listener; } class ViewHolder extends RecyclerView.ViewHolder { TextView reason, money, date; Button delete,alter; public ViewHolder(View itemView) { super(itemView); reason = (TextView) itemView.findViewById(R.id.main_rv_item_reason); money = (TextView) itemView.findViewById(R.id.main_rv_item_money); date = (TextView) itemView.findViewById(R.id.main_rv_item_date); delete = (Button) itemView.findViewById(R.id.main_rv_item_remove); alter = (Button) itemView.findViewById(R.id.main_rv_item_alter); } } @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { ViewHolder vh = new ViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout .main_lv_item, null)); return vh; } @Override public void onBindViewHolder(RecyclerView.ViewHolder holder, final int position) { final ViewHolder vh = (ViewHolder) holder; vh.date.setText(data.get(position).get("date").toString()); vh.reason.setText(data.get(position).get("reason").toString()); vh.money.setText(data.get(position).get("money").toString()); vh.delete.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Snackbar snackBar = Snackbar.make(root, "Are you sure to delete it?", Snackbar.LENGTH_LONG); snackBar.setAction("YES", new MyOnClickListener(vh.getLayoutPosition())); snackBar.show(); } }); vh.alter.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { listener.OnItemAlter(vh.getLayoutPosition()); } }); } @Override public int getItemCount() { return data.size(); } private class MyOnClickListener implements View.OnClickListener { private final int position; public MyOnClickListener(int position) { this.position = position; } @Override public void onClick(View v) { listener.OnItemDelete(position); } } interface OnItemButtonCLickListener { void OnItemAlter(int position); void OnItemDelete(int position); }}
解析:构造方法中获取到数据源以及根View,根View用来显示SnackBar,如果不知道SnackBar,请看上一篇。然后创建一个内部类,继承自RecyclerView.ViewHolder,用它来保存每一个Item的全部控件。接下来重写几个方法:getItemCount、onBindViewHolder以及onCreateViewHolder,他们分别是返回item个数,绑定ViewHolder以及创建ViewHolder,创建ViewHolder就是通过Item的布局文件获取每个控件的实例,绑定ViewHolder就是把数据源中的数据映射到Item的控件中,因为我们的Item中还有删除和修改按钮,所以我们为它们添加点击事件也是在onBindViewHolder中进行。接下来我们定义一个接口OnItemButtonClickListener并且定义两个方法分别用来回调点击删除和修改,并创建接口的对象,在按钮点击的时候分别调用接口的两个方法,并传入点击的item的position。
Activity部分代码如下:
rv = (RecyclerView) findViewById(R.id.main_lv);adapter = new MyAdapter(data, root);rv.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false)); // 设置布局,否则无法正常使用adapter.setOnItemButtonClickListener(this);rv.setAdapter(adapter);
@Override public void OnItemAlter(int position) { //Intent intent = new Intent(MainActivity.this, AlterActivity.class); //intent.putExtra("id", Integer.parseInt(data.get(position).get("id").toString())); //intent.putExtra("date", data.get(position).get("date").toString()); //intent.putExtra("money", data.get(position).get("money").toString()); //intent.putExtra("reason", data.get(position).get("reason").toString()); //startActivityForResult(intent, REQUEST_ALTER); } @Override public void OnItemDelete(int position) { Log.d(TAG, "OnItemDelete() called with: " + "position = [" + position + "]"); //Map<String, Object> backup = data.get(position); //data.remove(position); //database.execSQL("delete from tally where id=?", new String[]{backup.get // ("id").toString()}); adapter.notifyItemRemoved(position); }
解析:获取RecyclerView的实例之后,设置对应的布局管理器,然后通过setOnItemButtonClickListener设置回调函数并实现,最后给RecyclerView设置adapter即可。
遇到的问题:
①刚开始忘记设置布局,RecyclerView不显示出来
②因为我们在删除item之后调用了notifyItemRemoved方法来显示动画并刷新,在onBindViewHolder中,对删除按钮监听之后调用接口方法的时候传入了position,这个position是错误的,因为在绑定的时候固定了,如果数据源的数据被删除了,数据源的size会变小,这个position就不再对应于数据源的每一个项就会产生混乱,所以这里应该传入viewholder.getLayoutPosition()所得到的值,这个值是对应点击而产生的。
③如果在RecyclerView的第一项前面插入一个item,并且调用notifyItmeInserted(0),是不会播放动画效果的。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。
新闻热点
疑难解答