使用之前,先簡單介紹一下這個SwipeRecyclerView,這是嚴大(嚴振傑)基於RecyclerView的進行修改和封裝的高級RecyclerView,其可以實現像QQ聊天界面的側滑刪除菜單,和一些高級的功能,我這裡也就不一一列舉出來了 想要瞭解更多的同學,請看這一篇,作者寫的http://b ...
使用之前,先簡單介紹一下這個SwipeRecyclerView,這是嚴大(嚴振傑)基於RecyclerView的進行修改和封裝的高級RecyclerView,其可以實現像QQ聊天界面的側滑刪除菜單,和一些高級的功能,我這裡也就不一一列舉出來了
想要瞭解更多的同學,請看這一篇,作者寫的http://blog.csdn.net/yanzhenjie1003/article/details/52115566
swiperecyclerview的Github官網:https://github.com/yanzhenjie/SwipeRecyclerView
前言:
之前開發APP的時候,我就是想使用像QQ聊天那樣,有側滑菜單,可以實現刪除啊,置頂啊這些功能,我應該不用截圖了,大家使用QQ都是知道的,但是,之前學習的時候才是剛入門,那個時候只懂得listview,我也找到了swiperecyclerview這個高級recyclerview,但是,我連recyclerview都沒有學習,做了一個測試都沒成功,於是便是放棄了,之後,學習到了recyclerview,懂了之後,再一看swiperecyclerview,簡直一下子恍然大悟,於是便是開始使用,雖然說恍然大悟了,但是在實際開發中也是遇到了不少問題,一一解決之後,我便是來這寫下一篇博客
使用步驟:
1.添加依賴
添加依賴 compile 'com.yanzhenjie:recyclerview-swipe:1.1.4'
2.使用控制項
3.創建適配器類
這裡直接參考我寫的recyclerview的使用,http://www.cnblogs.com/kexing/p/8045007.html,嚴大寫的這個直接相容,超級方便
4.相關設置
由於我實現的是側滑菜單刪除功能,這裡就只寫這個,預設你已經有了數據,我這裡使用的litepal資料庫與其一起使用,關於litepal的使用請看這一篇http://www.cnblogs.com/kexing/p/8127146.html
貼出代碼
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this); mRecyclerview.setLayoutManager(linearLayoutManager);//為swiperecyclerview設置佈局管理器 //設置側滑菜單 mRecyclerview.setSwipeMenuCreator(new SwipeMenuCreator() { @Override public void onCreateMenu(SwipeMenu swipeLeftMenu, SwipeMenu swipeRightMenu, int viewType) { SwipeMenuItem deleteItem = new SwipeMenuItem(MainActivity.this) .setBackground(R.drawable.check_button_bg) .setImage(R.drawable.vector_drawable_delete) .setHeight(ViewGroup.LayoutParams.MATCH_PARENT)//設置高,這裡使用match_parent,就是與item的高相同 .setWidth(70);//設置寬 swipeRightMenu.addMenuItem(deleteItem);//設置右邊的側滑 } }); //設置側滑菜單的點擊事件 mRecyclerview.setSwipeMenuItemClickListener(new SwipeMenuItemClickListener() { @Override public void onItemClick(SwipeMenuBridge menuBridge) { menuBridge.closeMenu(); int direction = menuBridge.getDirection(); // 左側還是右側菜單。0是左,右是1,暫時沒有用到 int adapterPosition = menuBridge.getAdapterPosition(); // RecyclerView的Item的position。 int menuPosition = menuBridge.getPosition(); // 菜單在RecyclerView的Item中的Position。 Toast.makeText(MainActivity.this, "刪除"+adapterPosition, Toast.LENGTH_SHORT).show(); } }); mRecyclerview.setSwipeItemClickListener(new SwipeItemClickListener() { @Override public void onItemClick(View itemView, int position) { Toast.makeText(MainActivity.this, "點擊了"+position, Toast.LENGTH_SHORT).show(); } }); mRecyclerview.setAdapter(new RecyclerViewAdapter(books));//設置adapter
我們慢慢分析,首先呢,就是與普通的recyclerview一樣,設置線性的佈局,這裡我就不多說了
之後需要設置一個菜單管理器,setSwipeMenuCreator()這個方法,裡面的參數是一個SwipeMenuCreator,沒有的話我們就new一個,類似onClicklistener那樣,直接在括弧裡面new就是匿名內部類使用,之後,我們就可以直接在裡面使用代碼生成我們的側滑菜單,來看一下圖片
當然,如果你不想用圖標,使用setText方法就是單獨的文字,具體大家可以自己嘗試
接下來,我們需要設置刪除的點擊事件,直接調用setSwipeMenuItemClickListener,參數里也是new一個新的SwipeMenuItemClickListener類
這裡,我們需要註意,先調用menuBridge的closeMenu(),這樣可以防止監聽狀態的錯誤發生
可以看到,我在裡面寫了三個整型數據,這三個數據都是通過menuBridge的相關方法獲取的,那這三個數據有什麼用呢?
int direction = menuBridge.getDirection();
左側還是右側菜單。0是左,右是1,今天的使用暫時沒有用到
int adapterPosition = menuBridge.getAdapterPosition();
RecyclerView的Item的position,刪除功能的時候,就是需要你將該item刪除,這個時候就會用到這個數據,從而判斷出用戶點擊了刪除後對應的那一個item
int menuPosition = menuBridge.getPosition();
菜單在RecyclerView的Item中的Position,當側滑菜單中不止一個item,還有其他的什麼置頂啊,這個時候就需要這個數據
你就可以判斷用戶點擊的是哪一個菜單,從而實現相應的功能,從你滑出的那個側滑菜單從左到右算起,最左邊為0
最後,setSwipeItemClickListener,就是設置item的點擊監聽器,如果看過我之前寫的那一篇recyclerview的使用,應該知道,我是在adapter裡面實現的item的點擊事件
這裡,swiperecyclerview就直接設置了,就不用到adapter裡面中去設置了
好了,到這裡就行了嗎?其實還不行,我在測試的時候就發現了,刪除了一個item,swiperecyclerview並沒有實時更新,經過一番摸索終於死找到瞭解決問題的辦法
我們需要在我們定現刪除的方法中添加下麵代碼
temp = equipmentResults.get(position);//由position找到list集合中的對象
DataSupport.deleteAll(EquipmentResult.class,"name = ? and type = ?",temp.getName(),temp.getType());//執行刪除,litepal資料庫的刪除方法 equipmentResults.remove(temp);//從list中移出需要刪除的那個對象 mMrecyclerview.setAdapter(new mRecyclerViewAdatper(equipmentResults));//重新設置adapter
我的代碼供大家參考,有個思路就行了
PS:刪除建議加個對話框,以免用戶不小心操作