在进行一些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.RecyclerView
android: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),是不会播放动画效果的