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

Android RecyclerView滑动删除和拖动排序

recyclerview排序Android 2022-06-06 08:06:15 674人浏览 薄情痞子
摘要

本篇是接着上面三篇之后的一个对RecyclerView的介绍,这里多说两句,如果你还在使用ListView的话,可以放弃掉ListView了。RecyclerView自动帮我们

本篇是接着上面三篇之后的一个对RecyclerView的介绍,这里多说两句,如果你还在使用ListView的话,可以放弃掉ListView了。RecyclerView自动帮我们缓存Item视图(ViewHolder),允许我们自定义各种动作的动画和分割线,允许我们对Item进行一些手势操作。另外,因为Design库的推出大大方便我们编写带有Material风格的App,而ListView是不兼容这个库的,比如滑动的相互协调,只有RecyclerView能做到。

先看本篇内容的效果图:

 

效果内容主要有三部分:
 •长按点击其中一个Item之后可以将其拖动到其他地方
 •向左右滑动可以删除某个Item
 •长按的时候会有一个浮起的动作,放下之后会重新重新对齐

 ①先易后难,卡片浮起效果 
 在Material Design中,物件的呈现是以3D的模式来进行的,也就是在原来的基础上增加了一个Z轴来表示物体的高度。 

 当我们点击一个卡片的时候,应该给予用户一些反馈,让用户知道自己在操作这个卡片,也就是触摸反馈。触摸效果图的触摸反馈是先出现水波纹,接着当卡片可以移动的时候先浮动,再开始移动,最后下落,效果如下:(浮起的动画可能要仔细看)

 

实现:
 水波纹效果使用系统提供的,因为Demo中使用的是一个CardView来呈现内容,所以只需要给CardView加上两个属性即可:
 Android:clickable="true"
 android:foreground="?android:attr/selectableItemBackground" 
 浮起和下沉的动画也不难,改变View的translationZ属性即可: 


private void pickUpAnimation(View view) {
  ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationZ", 1f, 10f);
  animator.setInterpolator(new DecelerateInterpolator());
  animator.setDuration(300);
  animator.start();
}

②滑动(Swipe)和移动(Move)Item
 Swipe是指我们上面的左右滑动删除,Move则是我们对Item的移动,改变列表的排序。要实现这两个功能,需要用到一个类ItemTouchHelper,当我们构造好这个类之后,可以调用它的attachToRecyclerView方法将其绑定在某个RecyclerView中,当RecyclerView出现某些操作(滑动和移动)时,构造这个类的时候传入的回调类会回调相应的方法,我们在这些方法中对数据集进行操作即可。
 new ItemTouchHelper(new ItemTouchHelper.Callback() {    //省略代码
}).attachToRecyclerView(mRecyclerView); 
 接着就是重写接口Callback的方法了,这里需要重写的有几个,分别是:
 •isItemViewSwipeEnable : Item是否可以滑动
 •isLongPressDragEnable :Item是否可以长按
 •getMovementFlags : 获取移动标志
 •onMove : 当一个Item被另外的Item替代时回调,也就是数据集的内容顺序改变
 •onMoved : 当onMove返回true的时候回调
 •onSwiped : 当某个Item被滑动离开屏幕之后回调
 •setSelectedChange : 某个Item被长按选中会被回调,当某个被长按移动的Item被释放时也调用 


new ItemTouchHelper(new ItemTouchHelper.Callback() {
  private RecyclerView.ViewHolder vh;
  @Override
  public boolean isItemViewSwipeEnabled() {
    return true;
  }
  @Override
  public boolean isLongPressDragEnabled() {
    return true;
  }
  @Override
  public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder
      viewHolder) {
    // 拖拽的标记,这里允许上下左右四个方向
    int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT |
        ItemTouchHelper.RIGHT;
    // 滑动的标记,这里允许左右滑动
    int swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;
    return makeMovementFlags(dragFlags, swipeFlags);
  }
  
  @Override
  public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
    super.onSelectedChanged(viewHolder, actionState);
    if (viewHolder != null) {
      vh = viewHolder;
      pickUpAnimation(viewHolder.itemView);
    } else {
      if (vh != null) {
        putDownAnimation(vh.itemView);
      }
    }
  }
  @Override
  public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder,
             RecyclerView.ViewHolder target) {
    // 移动时更改列表中对应的位置并返回true
    Collections.swap(newsList, viewHolder.getAdapterPosition(), target
        .getAdapterPosition());
    return true;
  }
  
  @Override
  public void onMoved(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, int
      fromPos, RecyclerView.ViewHolder target, int toPos, int x, int y) {
    super.onMoved(recyclerView, viewHolder, fromPos, target, toPos, x, y);
    // 移动完成后刷新列表
    mAdapter.notifyItemMoved(viewHolder.getAdapterPosition(), target
        .getAdapterPosition());
  }
  @Override
  public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
    // 将数据集中的数据移除
    newsList.remove(viewHolder.getAdapterPosition());
    // 刷新列表
    mAdapter.notifyItemRemoved(viewHolder.getAdapterPosition());
  }
}).attachToRecyclerView(mRecyclerView);

这里直接贴出代码,并做了注释,应该比较简单了。

您可能感兴趣的文章:RecyclerView+CardView实现横向卡片式滑动效果RecyclerView滑动到指定Position的方法Android中RecyclerView实现横向滑动代码Android中RecyclerView嵌套滑动冲突解决的代码片段Android中RecyclerView 滑动时图片加载的优化android RecyclerView侧滑菜单,滑动删除,长按拖拽,下拉刷新上拉加载Android实现评论栏随Recyclerview滑动左右移动Android 滑动监听RecyclerView线性流+左右划删除+上下移动Android开发中RecyclerView模仿探探左右滑动布局功能Android嵌套RecyclerView左右滑动替代自定义viewRecyclerView实现探探卡片滑动效果


--结束END--

本文标题: Android RecyclerView滑动删除和拖动排序

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

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

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

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

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作