在進(jìn)行一些MaterialDesign規(guī)范開發(fā)的時(shí)候,比如之前說到的CoordinateLayout實(shí)現(xiàn)的向上折疊效果的時(shí)候,如果依然使用ListView,那么這種效果是做不出來的,因?yàn)長istView不兼容這個(gè)控件,而替代它的就是RecyclerView。
和ListView的區(qū)別:
①RecyclerView只關(guān)心item的重用和緩存
②RecyclerView不關(guān)心item的分隔風(fēng)格(交給ItemDecoration)
③RecyclerView不關(guān)心item的動畫(交給ItemAnimator)
④RecyclerView不關(guān)心item的布局(交給LayoutManager)
本文為初探,所以先不詳解②③④這幾個(gè)內(nèi)容,先記錄一下用法和遇到的坑,后續(xù)有時(shí)間再更新!
先放一下效果圖,動畫效果在之前的博客也有提到,可以參考,主要的是中間的RecyclerView,這里主要講如何使用它以及遇到的一些問題

先添加依賴,版本無所謂:
compile 'com.android.support:recyclerview-v7:23.1.1'
布局文件如下,注意最后一個(gè)屬性可以不用理,這是用來協(xié)調(diào)動畫效果的(就是把上面圖片推上去的效果)
<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"/>
自定義一個(gè)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); }}解析:構(gòu)造方法中獲取到數(shù)據(jù)源以及根View,根View用來顯示SnackBar,如果不知道SnackBar,請看上一篇。然后創(chuàng)建一個(gè)內(nèi)部類,繼承自RecyclerView.ViewHolder,用它來保存每一個(gè)Item的全部控件。接下來重寫幾個(gè)方法:getItemCount、onBindViewHolder以及onCreateViewHolder,他們分別是返回item個(gè)數(shù),綁定ViewHolder以及創(chuàng)建ViewHolder,創(chuàng)建ViewHolder就是通過Item的布局文件獲取每個(gè)控件的實(shí)例,綁定ViewHolder就是把數(shù)據(jù)源中的數(shù)據(jù)映射到Item的控件中,因?yàn)槲覀兊腎tem中還有刪除和修改按鈕,所以我們?yōu)樗鼈兲砑狱c(diǎn)擊事件也是在onBindViewHolder中進(jìn)行。接下來我們定義一個(gè)接口OnItemButtonClickListener并且定義兩個(gè)方法分別用來回調(diào)點(diǎn)擊刪除和修改,并創(chuàng)建接口的對象,在按鈕點(diǎn)擊的時(shí)候分別調(diào)用接口的兩個(gè)方法,并傳入點(diǎn)擊的item的position。
Activity部分代碼如下:
rv = (RecyclerView) findViewById(R.id.main_lv);adapter = new MyAdapter(data, root);rv.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false)); // 設(shè)置布局,否則無法正常使用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的實(shí)例之后,設(shè)置對應(yīng)的布局管理器,然后通過setOnItemButtonClickListener設(shè)置回調(diào)函數(shù)并實(shí)現(xiàn),最后給RecyclerView設(shè)置adapter即可。
遇到的問題:
①剛開始忘記設(shè)置布局,RecyclerView不顯示出來
②因?yàn)槲覀冊趧h除item之后調(diào)用了notifyItemRemoved方法來顯示動畫并刷新,在onBindViewHolder中,對刪除按鈕監(jiān)聽之后調(diào)用接口方法的時(shí)候傳入了position,這個(gè)position是錯(cuò)誤的,因?yàn)樵诮壎ǖ臅r(shí)候固定了,如果數(shù)據(jù)源的數(shù)據(jù)被刪除了,數(shù)據(jù)源的size會變小,這個(gè)position就不再對應(yīng)于數(shù)據(jù)源的每一個(gè)項(xiàng)就會產(chǎn)生混亂,所以這里應(yīng)該傳入viewholder.getLayoutPosition()所得到的值,這個(gè)值是對應(yīng)點(diǎn)擊而產(chǎn)生的。
③如果在RecyclerView的第一項(xiàng)前面插入一個(gè)item,并且調(diào)用notifyItmeInserted(0),是不會播放動畫效果的。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選