This tutorial is about how to create \u201cswipe to dismiss\u201d RecyclerView item like Gmail app. For this, we don’t need any 3rd party Library. For this purpose, you just need to add one class which is part of Android Support Library. The name is \u201cItemTouchHelper\u201d.<\/p>\n
By now you know that this blog is all about how to use ItemTouchHelper class to make your RecyclerView<\/a> item swipeable.<\/p>\n Let’s first understand ItemTouchHelper class. If you really don’t bother about all the theory like me then go to this link to clone the code and start experimenting. ItemTouchHelper is a utility class to add swipe to dismiss and drag & drop support to RecyclerView. ItemTouchHelper class extends RecyclerView.ItemDecoration<\/span><\/a> <\/b>and Implements<\/span> <\/b>RecyclerView.OnChildAttachStateChangeListener<\/span><\/a> <\/b>. In<\/span> Order to use ItemTouchHelper, you need to create <\/span>ItemTouchHelper.Callback<\/b><\/span>. <\/span>This class let<\/span>s<\/span> you control the touch event like swipe and move by providing a callback for the same. It also provides the callback to override the default animation.<\/span><\/p>\n To implement Swipe to Dismiss behaviour in recycler view we have to override following methods of ItemTouchHelper.Callback.<\/span><\/p>\n Before implementing ItemTouch Helper lets first go with these callbacks. The First method we are going to discuss is <\/span><\/p>\n getMovementFlags(RecyclerView ,ViewHolder)<\/b><\/span> and returns<\/p>\n To<\/span> specify in which direction you want to swipe, you have to override this method. In our example, <\/span>we enable only swipe right. makeMovementFlag(int, int) provide convenience to create Movement flag.<\/span><\/p>\n The second method we are going to discuss is<\/span><\/p>\n It takes parameters<\/span><\/p>\n and returns<\/p>\n If you want to make any changes during dragging the RecyclerView item then you have to override this method. <\/span>If this method returns true, ItemTouchHelper assumes item<\/span> It takes parameters<\/span><\/p>\n This method is called when user swiped the item. <\/span>In our example, we just delete that item which is swiped right.<\/p>\n let’s discuss the code in the GitHub<\/span><\/p>\n We create a helper class called ItemSwipeHelper which extends ItemTocuhHelper.Callback where we override all the callback method<\/span><\/p>\n Now our callbacks are ready, we can create our ItemTouchHelper and call attachToRecyclerView(RecyclerView)<\/span><\/p>\n That’s all for now, we are ready to go. For any queries please comment.<\/span><\/p>\n Thanks for reading. Happy learning!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":" This tutorial is about how to create \u201cswipe to dismiss\u201d RecyclerView item like Gmail app. For this, we don’t need any 3rd party Library. For this purpose, you just need to add one class which is part of Android Support Library. The name is \u201cItemTouchHelper\u201d. By now you know that this blog is all about […]<\/p>\n","protected":false},"author":344,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":19},"categories":[518,446,1772],"tags":[3385,4844,3384,3383,3386],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/31609"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/344"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=31609"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/31609\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=31609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=31609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=31609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nSwipe To Dismiss RecyclerView<\/a><\/p>\nItemTouchHelper Class<\/h3>\n
\n
\nIt takes parameters<\/span><\/p>\n\n
\n
@Override<\/span>\r\npublic int getMovementFlags<\/strong>(RecyclerView recyclerView, \r\n RecyclerView.<\/strong>ViewHolder viewHolder) {\r\n int swipeFlags = Direction.RIGHT;\r\n return makeMovementFlags(0, swipeFlags);\r\n}<\/pre>\nonMove<\/span>(<\/span>RecyclerView<\/span> recyclerView, <\/span>RecyclerView.ViewHolder<\/span> viewHolder, <\/span>RecyclerView.ViewHolder<\/span> target)<\/span><\/h4>\n
\n
\n
<\/code> has been moved to the adapter position of target place<\/span>.<\/span><\/code>
\nThe Final and important method for the swipe to dismiss is<\/span><\/p>\nonSwiped(RecyclerView.ViewHolder viewHolder, int direction)<\/h4>\n
\n
@Override<\/span>\r\npublic void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {<\/span>\r\nitemTouchHelperAdapter.swipeToDelete(viewHolder.getAdapterPosition());}<\/span><\/pre>\npublic class ItemSwipeHelper extends ItemTouchHelper.Callback {\r\n private int direction;\r\n private ItemTouchHelperAdapter itemTouchHelperAdapter;\r\n public ItemSwipeHelper(int direction,ItemTouchHelperAdapter itemTouchHelperAdapter) {\r\n this.direction = direction;\r\n this.itemTouchHelperAdapter= itemTouchHelperAdapter;\r\n }\r\n @Override\r\n public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {\r\n int swipeDirection=0;\r\n switch(direction)\r\n {\r\n case Direction.LEFT:\r\n swipeDirection=ItemTouchHelper.LEFT;\r\n break;\r\n case Direction.RIGHT:\r\n swipeDirection=ItemTouchHelper.RIGHT;\r\n break;\r\n case Direction.UP:\r\n swipeDirection=ItemTouchHelper.UP;\r\n break;\r\n case Direction.DOWN:\r\n swipeDirection=ItemTouchHelper.DOWN;\r\n break;\r\n }\r\n return makeMovementFlags(0,swipeDirection);\r\n }\r\n @Override\r\n public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {\r\n return false;\r\n }\r\n @Override\r\n public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {\r\n itemTouchHelperAdapter.swipeToDelete(viewHolder.getAdapterPosition());\r\n }\r\n}\r\n<\/pre>\nItemTouchHelper.Callback itemTouchCallBack=new ItemSwipeHelper(Direction.RIGHT,movieAdapter);\r\nItemTouchHelper swipeToDismissTouchHelper =new ItemTouchHelper(itemTouchCallBack);\r\nswipeToDismissTouchHelper.attachToRecyclerView(mRecyclerview);\r\n<\/pre>\n