iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android recyclerview实现拖拽排序和侧滑删除
  • 548
分享到

Android recyclerview实现拖拽排序和侧滑删除

recyclerview排序Android 2022-06-06 04:06:18 548人浏览 泡泡鱼
摘要

Recyclerview现在基本已经替代Listview了,RecyclerView也越来越好用了  当我们有实现条目的拖拽排序和侧滑删除时  可以直接时候

Recyclerview现在基本已经替代Listview了,RecyclerView也越来越好用了  当我们有实现条目的拖拽排序和侧滑删除时  可以直接时候Recyclerview提供的api就可以直接实现了
先贴上主要代码


private void initveiw() {
  ArrayList<String> items = new ArrayList<>(Arrays.asList("itme1", "item2", "itme3", "item4", "item5", "item6", "item7", "item8", "itme9", "item10", "itme11", "item12", "item13", "item14", "item15", "item16"));
  recyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));
  SimpleAdapter adapter = new SimpleAdapter(items);
  recyclerView.setAdapter(adapter);
  ItemTouchHelper helper = new ItemTouchHelper(new MyItemTouchCallback(adapter));
  helper.attachToRecyclerView(recyclerView);
}
public class MyItemTouchCallback extends ItemTouchHelper.Callback{
  private SimpleAdapter adapter;
  public MyItemTouchCallback(SimpleAdapter adapter) {
    this.adapter = adapter;
  }
  @Override
  public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    int dragFlag;
    int swipeFlag;
    RecyclerView.LayoutManager manager = recyclerView.getLayoutManager();
    if (manager instanceof GridLayoutManager){
      dragFlag = ItemTouchHelper.DOWN | ItemTouchHelper.UP | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
      swipeFlag = 0;
    }else{
      dragFlag = ItemTouchHelper.DOWN | ItemTouchHelper.UP;
      swipeFlag = ItemTouchHelper.END | ItemTouchHelper.START;
    }
    return makeMovementFlags(dragFlag,swipeFlag);
  }
  @Override
  public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
    int fromPosition = viewHolder.getAdapterPosition();
    int toPosition = target.getAdapterPosition();
    if (fromPosition < toPosition ){
      for (int i = fromPosition ;i<toPosition ;i++){
        Collections.swap(adapter.getDataList(),i,i+1);
      }
    }else{
      for (int i= fromPosition; i>toPosition; i--){
        Collections.swap(adapter.getDataList(),i ,i-1);
      }
    }
    recyclerView.getAdapter().notifyItemMoved(fromPosition,toPosition);
    return true;
  }
  @Override
  public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
    int position = viewHolder.getAdapterPosition();
    if (direction == ItemTouchHelper.END | direction==ItemTouchHelper.START){
      adapter.getDataList().remove(position);
      adapter.notifyItemRemoved(position);
    }
  }
  @Override
  public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
    super.onSelectedChanged(viewHolder, actionState);
    if (actionState==ItemTouchHelper.ACTION_STATE_DRAG){
      viewHolder.itemView.setBackgroundColor(Color.BLUE);
    }
  }
  @Override
  public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    super.clearView(recyclerView, viewHolder);
    viewHolder.itemView.setBackgroundColor(0);
  }
}

步骤:

创建 ItemTouchHelper 对象时候,需要我们传入一个实现了 ItemTouchHelper.Callback 接口的对象。而排序和删除的逻辑都封装在了这个 ItemTouchHelper.Callback 的对象里面了。


private void initveiw() {
  ArrayList<String> items = new ArrayList<>(Arrays.asList("itme1", "item2", "itme3", "item4", "item5", "item6", "item7", "item8", "itme9", "item10", "itme11", "item12", "item13", "item14", "item15", "item16"));
  recyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));
  SimpleAdapter adapter = new SimpleAdapter(items);
  recyclerView.setAdapter(adapter);
  ItemTouchHelper helper = new ItemTouchHelper(new MyItemTouchCallback(adapter));
  helper.attachToRecyclerView(recyclerView);
}

 实现ItemTouchHelper.Callback 接口后有三个方法需要重写:

getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) :设置滑动类型的标记。需要设置两种类型的 flag ,即 dragFlags 和 swipeFlags ,分别代表着拖拽标记和滑动标记。最后需要调用 makeMovementFlags(dragFlags,
 swipeFlags)方法来合成返回。
onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) :当用户拖拽列表某个 item 时会回调。很明显,拖拽排序的代码应该在这个方法中实现。

onSwiped(RecyclerView.ViewHolder viewHolder, int direction) :当用户滑动列表某个 item 时会回调。所以侧滑删除的代码应该在这个方法中实现。
下面是重写的几个方法:

第一个,getMovementFlags方法


@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
  int dragFlag;
  int swipeFlag;
  RecyclerView.LayoutManager manager = recyclerView.getLayoutManager();
  if (manager instanceof GridLayoutManager){
    dragFlag = ItemTouchHelper.DOWN | ItemTouchHelper.UP | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
    swipeFlag = 0;
  }else{
    dragFlag = ItemTouchHelper.DOWN | ItemTouchHelper.UP;
    swipeFlag = ItemTouchHelper.END | ItemTouchHelper.START;
  }
  return makeMovementFlags(dragFlag,swipeFlag);
}

这个方法里面根据LayoutManager分了两种情况,根据自己的情况去分
在GridLayoutManager中只能上下左右拖拽但是不能侧滑删除,所以swipFlag = 0;swipeFlag的值ItemTouchHelper.END是右滑删除,ItemTouchHelper.START是左滑删除
最后调用makeMovementFlags方法合成返回

第二个,onMove方法


@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
  int fromPosition = viewHolder.getAdapterPosition();
  int toPosition = target.getAdapterPosition();
  if (fromPosition < toPosition ){
    for (int i = fromPosition ;i<toPosition ;i++){
      Collections.swap(adapter.getDataList(),i,i+1);
    }
  }else{
    for (int i= fromPosition; i>toPosition; i--){
      Collections.swap(adapter.getDataList(),i ,i-1);
    }
  }
  recyclerView.getAdapter().notifyItemMoved(fromPosition,toPosition);
  return true;
}

这个方法是用户在拖拽 item 的时候调用。所以关于列表排序的代码应该写在这里。方法参数中的 viewHolder 代表的是用户当前拖拽的 item ,而 target 代表的是被用户拖拽所覆盖的那个 item 。所以在 onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) 方法中的逻辑就是把 fromPosition 至 toPosition 为止改变它们的位置。

第三个,onSwiped方法


@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
  int position = viewHolder.getAdapterPosition();
  if (direction == ItemTouchHelper.END | direction==ItemTouchHelper.START){
    adapter.getDataList().remove(position);
    adapter.notifyItemRemoved(position);
  }
}

这个方法是在用户侧滑的时候调用的 ,在里面对adapter的数据进行删除就可以了

最后两个方法


 @Override
  public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
    super.onSelectedChanged(viewHolder, actionState);
    if (actionState==ItemTouchHelper.ACTION_STATE_DRAG){
      viewHolder.itemView.setBackgroundColor(Color.BLUE);
    }
  }
  @Override
  public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    super.clearView(recyclerView, viewHolder);
    viewHolder.itemView.setBackgroundColor(0);
  }
}

就是优化的方法,第一个是选择条目改变状态,第二个是手指抬起之后恢复条目状态

您可能感兴趣的文章:Android使用CardView作为RecyclerView的Item并实现拖拽和左滑删除Android中RecyclerView实现Item添加和删除的代码示例Android Recyclerview实现多选,单选,全选,反选,批量删除的功能android RecyclerView侧滑菜单,滑动删除,长按拖拽,下拉刷新上拉加载android RecyclerView实现条目Item拖拽排序与滑动删除Android中RecyclerView实现滑动删除与拖拽功能RecyclerView进阶:使用ItemTouchHelper实现拖拽和侧滑删除效果Android 滑动监听RecyclerView线性流+左右划删除+上下移动Android RecyclerView滑动删除和拖动排序RecyclerView实现插入和删除


--结束END--

本文标题: Android recyclerview实现拖拽排序和侧滑删除

本文链接: https://www.lsjlt.com/news/22190.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • RecyclerView进阶:使用ItemTouchHelper实现拖拽和侧滑删除效果
    前言现在RecyclerView的应用越来越广泛了,不同的应用场景需要其作出不同的改变。有时候我们可能需要实现侧滑删除的功能,比如知乎首页的侧滑删除,又或者长按Item进行拖动与其他Item进行位置的交换,但RecyclerView没有提供...
    99+
    2023-05-31
    recyclerview 侧滑 recycle
  • 如何在android中利用RecyclerView实现Item的拖拽排序与滑动删除
    如何在android中利用RecyclerView实现Item的拖拽排序与滑动删除?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。需求和技术分析RecyclerV...
    99+
    2023-05-31
    recyclerview android recycle
  • Android中RecyclerView拖拽、侧删功能的实现代码
    废话不多说,下面展示一下效果。这是GridView主文件实现。public class GridViewActivity extends AppCompatActivity { RecyclerView mRecyclerView; L...
    99+
    2023-05-30
    android 拖拽删除 recycle
  • Android用RecyclerView实现图标拖拽排序以及增删管理
    目录1. 效果图2. 基本的功能 3. 实现的思路 1. 每个应用图标的状态用枚举Option表示2. 在处于编辑状态时创建ItemTouchHelper对象并attch到Recyc...
    99+
    2024-04-02
  • Android Recyclerview实现左滑删除功能
    本文实例为大家分享了Android Recyclerview实现左滑删除的具体代码,供大家参考,具体内容如下 1.先创建一个工具类 SlideRecyclerView public...
    99+
    2024-04-02
  • 怎么在Android中使用RecyclerView实现一个图标拖拽排序功能
    这期内容当中小编将会给大家带来有关怎么在Android中使用RecyclerView实现一个图标拖拽排序功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。实现的思路用两个RecyclerView实现,同时...
    99+
    2023-06-14
  • 小程序实现侧滑删除功能
    本文实例为大家分享了小程序实现侧滑删除的具体代码,供大家参考,具体内容如下 1.页面布局 <view class='dialogue-box'>       <sc...
    99+
    2024-04-02
  • android实现QQ微信侧滑删除效果
    最近由于项目需求,需要做一个listview中的item策划删除的效果,与是查找资料和参考了一些相关的博客,终于完美实现了策划删除的效果。先看一下效果图(研究了半天竟然没研究出来真机上gif图怎么做,大家将就看一下吧)。 &nbs...
    99+
    2023-05-30
  • Android实现QQ侧滑(删除、置顶等)功能
    实现类似QQ滑动出现可操作项的功能,在网上看到有人自定义LinearLayout实现这个效果,但是灵活性有限。此demo使用开源项目SwipeLayout实现该功能。关于SwipeLayout的常用设置和属性,这里都做介绍,下面进入正题。一...
    99+
    2023-05-30
  • vue实现拖拽排序效果
    本文实例为大家分享了vue实现拖拽排序效果的具体代码,供大家参考,具体内容如下 效果预览 组件 drag.vue <template>   <Transition...
    99+
    2024-04-02
  • js 实现拖拽排序详情
    目录1、前言2、实现3、为何不使用HTML拖放API实现?4、总结1、前言 拖拽排序对于小伙伴们来说应该不陌生,平时工作的时候,可能会选择使用类似Sortable.js这样的开源库来...
    99+
    2024-04-02
  • Android中怎么实现条目拖拽删除功能
    本篇文章给大家分享的是有关Android中怎么实现条目拖拽删除功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。第一步效果图0自定义控件 SwipeLayout 继承Frame...
    99+
    2023-05-30
    android
  • Android简单实现菜单拖拽排序的功能
    目录1、效果2、简介3、功能拆解4、功能实现4.1、实现接口4.1.1、getMovementFlags4.1.2、onMove4.1.3、onSwiped4.2、绑定Recycle...
    99+
    2024-04-02
  • 小程序如何实现侧滑删除功能
    这篇“小程序如何实现侧滑删除功能”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“小程序如何实现侧滑删除功能”文章吧。页面布局&...
    99+
    2023-07-02
  • Android自定义view实现左滑删除的RecyclerView详解
    目录概述需求编写代码I编写代码II编写代码III优化总结概述 最近安卓自定义view的知识看的很熟,但是却很久没动手了,这几天用kotlin手撕了原先一个左滑删除的RecyclerV...
    99+
    2022-11-13
    Android RecyclerView Android 左滑删除RecyclerView
  • RecyclerView实现侧滑和网络断点续传
    本文实例为大家分享了RecyclerView实现侧滑和网络断点续传的具体代码,供大家参考,具体内容如下 RecyclerView侧滑 主布局 <LinearLayout xml...
    99+
    2024-04-02
  • Android一步步带你在RecyclerView上面实现"拖放"和"滑动删除"功能
    先给大家展示下大概效果图:Android上面有许多的教程, 库和示例, 在RecyclerView上面实现"拖放"和"滑动删除"功能. 尽管有更新, 更好的方法可用, 但是大多数人依然使用旧的View.OnDragListener和Roma...
    99+
    2023-05-31
    android recyclerview recycle
  • Android利用RecyclerView实现全选、置顶和拖拽功能示例
    前言今天给大家分享是如何在RecyclerView实现全选,ItemTouchHelper实现侧滑删除,拖拽功能。比较基础。关于RecyclerView的强大,就不多说了。在Android L SDK发布的新API中最有意思的就是Recyc...
    99+
    2023-05-31
    recyclerview 全选 拖拽
  • Javascript实现拖拽排序的代码
    运行环境:vue3.2以上,复制张贴运行即可看效果效果如下: <template> <div class="container"> <tr...
    99+
    2024-04-02
  • Android如何实现微信侧滑删除当前页面
    这篇文章给大家分享的是有关Android如何实现微信侧滑删除当前页面的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下效果图不是太明显 实际上有finish动画代码package com.fin...
    99+
    2023-05-30
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作