Android開發——使用高級的RecyclerView實現側滑菜單刪除功能(SwipeRecyclerView)


使用之前,先簡單介紹一下這個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:刪除建議加個對話框,以免用戶不小心操作


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM