Android开发中RecyclerView模仿探探左右滑动布局功能

我在此基础上优化了部分代码, 添加了滑动回调, 可自定义性更强. 并且添加了点击按钮左右滑动的功能.

据说无图都不敢发文章了.

看图:

1:这种功能, 首先需要自己管理布局

继承 RecyclerView.LayoutManager , 显示自己管理布局, 比如最多显示4个view, 并且都是居中显示.

底部的View还需要进行缩放,平移操作.

public class OverLayCardLayoutManager extends RecyclerView.LayoutManager {
 private static final String TAG = "swipecard";
 public static int MAX_SHOW_COUNT = 4;
 public static float SCALE_GAP = 0.05f;
 public static int TRANS_Y_GAP;
 public OverLayCardLayoutManager(Context context) {
  //平移时, 需要用到的参考值
  TRANS_Y_GAP = (int) (20 * context.getResources().getDisplayMetrics().density);
 }
 @Override
 public RecyclerView.LayoutParams generateDefaultLayoutParams() {
  //必须要实现的方法
  return new RecyclerView.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
 }
 @Override
 public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
  //在这个方法中进行View的布局操作.此方法会被调用多次.
  detachAndScrapAttachedViews(recycler);
  int itemCount = getItemCount();
  if (itemCount < 1) {
   return;
  }
  //top-3View的position
  int bottomPosition;
  //边界处理
  if (itemCount < MAX_SHOW_COUNT) {
   bottomPosition = 0;
  } else {
   bottomPosition = itemCount - MAX_SHOW_COUNT;
  }
  //从可见的最底层View开始layout，依次层叠上去
  for (int position = bottomPosition; position < itemCount; position++) {
   //1:重recycler的缓存机制中拿到一个View
   View view = recycler.getViewForPosition(position);
   //2:和自定义ViewGroup一样, 需要先addView
   addView(view);
   //3:和自定义ViewGroup一样, 也需要测量View的大小
   measureChildWithMargins(view, 0, 0);
   int widthSpace = getWidth() - getDecoratedMeasuredWidth(view);
   int heightSpace = getHeight() - getDecoratedMeasuredHeight(view);
   //4:和自定义ViewGroup的onLayout一样, 需要layout View.对View进行布局 
   //我们在布局时，将childView居中处理，这里也可以改为只水平居中
   layoutDecoratedWithMargins(view, widthSpace / 2, heightSpace / 2,
     widthSpace / 2 + getDecoratedMeasuredWidth(view),
     heightSpace / 2 + getDecoratedMeasuredHeight(view));
   /**
    * TopView的Scale 为1，translationY 0
    * 每一级Scale相差0.05f，translationY相差7dp左右
    *
    * 观察人人*的UI，拖动时，topView被拖动，Scale不变，一直为1.
    * top-1View 的Scale慢慢变化至1，translation也慢慢恢复0
    * top-2View的Scale慢慢变化至 top-1View的Scale，translation 也慢慢变化只top-1View的translation
    * top-3View的Scale要变化，translation岿然不动
    */
   //第几层,举例子，count =7， 最后一个TopView（6）是第0层，
   int level = itemCount - position - 1;
   //如果不需要缩放平移, 那么下面的代码可以注释掉...
   //除了顶层不需要缩小和位移
   if (level > 0 /*&& level < mShowCount - 1*/) {
    //每一层都需要X方向的缩小
    view.setScaleX(1 - SCALE_GAP * level);
    //前N层，依次向下位移和Y方向的缩小
    if (level < MAX_SHOW_COUNT - 1) {
     view.setTranslationY(TRANS_Y_GAP * level);
     view.setScaleY(1 - SCALE_GAP * level);
    } else {//第N层在 向下位移和Y方向的缩小的成都与 N-1层保持一致
     view.setTranslationY(TRANS_Y_GAP * (level - 1));
     view.setScaleY(1 - SCALE_GAP * (level - 1));
    }
   }
  }
 }
}

2:布局好了之后, 就需要监听鼠标事件了

谷歌官方提供了一个ItemTouchHelper工具类, 对滑动进行了惨无人道的优越封装, 傻x都能用…

使用方法: new ItemTouchHelper(callback).attachToRecyclerView(recyclerView);就这么简单,

接下来的操作, 都在回调callback里面进行.

public class RenRenCallback extends ItemTouchHelper.SimpleCallback {
 private static final String TAG = "RenRen";
 private static final int MAX_ROTATION = 15;
 OnSwipeListener mSwipeListener;
 boolean isSwipeAnim = false;
 public RenRenCallback() {
  //第一个参数决定可以拖动排序的方向, 这里由于不需要拖动排序,所以传0
  //第二个参数决定可以支持滑动的方向,这里设置了上下左右都可以滑动.
  super(0, ItemTouchHelper.DOWN | ItemTouchHelper.UP | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT);
 }
 public void setSwipeListener(OnSwipeListener swipeListener) {
  mSwipeListener = swipeListener;
 }
 //水平方向是否可以被回收掉的阈值
 public float getThreshold(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
  //2016 12 26 考虑 探探垂直上下方向滑动，不删除卡片，这里参照源码写死0.5f
  return recyclerView.getWidth() * /*getSwipeThreshold(viewHolder)*/ 0.5f;
 }
 @Override
 public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
  //由于不支持滑动排序, 所以不需要处理此方法
  return false;
 }
 @Override
 public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
  //当view需要滑动的时候,会回调此方法
  //但是这个方法只是告诉你View需要滑动, 并不是对View和Adapter进行额外的操作,
  //所以, 如果你需要实现滑动删除, 那么需要在此方法中remove item等.
  //我们这里需要对滑动过后的View,进行恢复操作. 
  viewHolder.itemView.setRotation(0);//恢复最后一次的旋转状态
  if (mSwipeListener != null) {
   mSwipeListener.onSwipeTo(viewHolder, 0);
  }
  notifyListener(viewHolder.getAdapterPosition(), direction);
 }
 private void notifyListener(int position, int direction) {
  Log.w(TAG, "onSwiped: " + position + " " + direction);
  if (mSwipeListener != null) {
   mSwipeListener.onSwiped(position, direction);
  }
 }
 @Override
 public float getSwipeThreshold(RecyclerView.ViewHolder viewHolder) {
  //滑动的比例达到多少之后, 视为滑动
  return 0.3f;
 }
 @Override
 public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
  super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
  //当你在滑动的过程中, 此方法一直会被回调, 就跟onTouch事件一样...
  //先根据滑动的dx dy 算出现在动画的比例系数fraction
  float swipeValue = (float) Math.sqrt(dX * dX + dY * dY);
  final float threshold = getThreshold(recyclerView, viewHolder);
  float fraction = swipeValue / threshold;
  //边界修正 最大为1
  if (fraction > 1) {
   fraction = 1;
  } else if (fraction < -1) {
   fraction = -1;
  }
  //对每个ChildView进行缩放 位移
  int childCount = recyclerView.getChildCount();
  for (int i = 0; i < childCount; i++) {
   View child = recyclerView.getChildAt(i);
   //第几层,举例子，count =7， 最后一个TopView（6）是第0层，
   int level = childCount - i - 1;
   if (level > 0) {
    child.setScaleX(1 - SCALE_GAP * level + fraction * SCALE_GAP);
    if (level < MAX_SHOW_COUNT - 1) {
     child.setScaleY(1 - SCALE_GAP * level + fraction * SCALE_GAP);
     child.setTranslationY(TRANS_Y_GAP * level - fraction * TRANS_Y_GAP);
    } else {
     //child.setTranslationY((float) (mTranslationYGap * (level - 1) - fraction * mTranslationYGap));
    }
   } else {
    //最上层
    //rotate
    if (dX < -50) {
     child.setRotation(-fraction * MAX_ROTATION);
    } else if (dX > 50) {
     child.setRotation(fraction * MAX_ROTATION);
    } else {
     child.setRotation(0);
    }
    if (mSwipeListener != null) {
     RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
     final int adapterPosition = params.getViewAdapterPosition();
     mSwipeListener.onSwipeTo(recyclerView.findViewHolderForAdapterPosition(adapterPosition), dX);
    }
   }
  }
 }
 //扩展实现:点击按钮实现左滑效果
 public void toLeft(RecyclerView recyclerView) {
  if (check(recyclerView)) {
   animTo(recyclerView, false);
  }
 }
 //扩展实现:点击按钮实现右滑效果
 public void toRight(RecyclerView recyclerView) {
  if (check(recyclerView)) {
   animTo(recyclerView, true);
  }
 }
 private void animTo(final RecyclerView recyclerView, boolean right) {
  final int position = recyclerView.getAdapter().getItemCount() - 1;
  final View view = recyclerView.findViewHolderForAdapterPosition(position).itemView;
  TranslateAnimation translateAnimation = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0,
    Animation.RELATIVE_TO_SELF, right ? 1f : -1f,
    Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 1.3f);
  translateAnimation.setFillAfter(true);
  translateAnimation.setDuration(300);
  translateAnimation.setInterpolator(new DecelerateInterpolator());
  translateAnimation.setAnimationListener(new Animation.AnimationListener() {
   @Override
   public void onAnimationStart(Animation animation) {
   }
   @Override
   public void onAnimationEnd(Animation animation) {
    isSwipeAnim = false;
    recyclerView.removeView(view);
    notifyListener(position,
      x > view.getMeasuredWidth() / 2
        ?
        ItemTouchHelper.RIGHT : ItemTouchHelper.LEFT);
   }
   @Override
   public void onAnimationRepeat(Animation animation) {
   }
  });
  view.startAnimation(translateAnimation);
 }
 private boolean check(RecyclerView recyclerView) {
  if (isSwipeAnim) {
   return false;
  }
  if (recyclerView == null || recyclerView.getAdapter() == null) {
   return false;
  }
  if (recyclerView.getAdapter().getItemCount() == 0) {
   return false;
  }
  isSwipeAnim = true;
  return true;
 }
 public interface OnSwipeListener {
  /**
   * @param direction {@link ItemTouchHelper#LEFT} / {@link ItemTouchHelper#RIGHT}
   *     {@link ItemTouchHelper#UP} or {@link ItemTouchHelper#DOWN}).
   */
  void onSwiped(int adapterPosition, int direction);
  /**
   * 最上层View滑动时回调.
   *
   * @param viewHolder 最上层的ViewHolder
   * @param offset  距离原始位置的偏移量
   */
  void onSwipeTo(RecyclerView.ViewHolder viewHolder, float offset);
 }
 public static class SimpleSwipeCallback implements OnSwipeListener {
  /**
   * {@inheritDoc}
   */
  @Override
  public void onSwiped(int adapterPosition, int direction) {
  }
  /**
   * {@inheritDoc}
   */
  @Override
  public void onSwipeTo(RecyclerView.ViewHolder viewHolder, float offset) {
  }
 }
}

看起来不难, 但是真正做的时候, 要处理的地方很多,

并且有些地方要思考很久, 才能实现效果.

总之,做了你才会发现1+1=2的魅力, just do it.

开源地址: https://github.com/angcyo/RecyclerLayoutManager

好了，以上所示是小编给大家分享的Android开发中RecyclerView模仿探探左右滑动布局功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言。

# recyclerview左右滑动  # Android RecyclerView实现多种item布局的方法  # Android RecyclerView显示Item布局不一致解决办法  # Android RecyclerView加载不同布局简单实现  # Android RecyclerView布局就这么简单  # Android RecyclerView加载两种布局的方法  # Android RecyclerView网格布局示例解析  # Android列表RecyclerView排列布局  # Android RecyclerView多类型布局卡片解决方案  # Android实现RecyclerView嵌套流式布局的详细过程  # 不需要  # 回调  # 自定义  # 拖动  # 好了  # 最上层  # 都是  # 几层  # 如果你  # 岿然不动  # 惨无人道  # 在这个  # 都在  # 第一个  # 鼠标  # 最多  # 在此  # 才会  # 出现在  # 你在 

相关文章： 企业网站制作公司网页,推荐几家专业的天津网站制作公司？  如何在腾讯云服务器上快速搭建个人网站？  如何通过IIS搭建网站并配置访问权限？  如何通过远程VPS快速搭建个人网站？  如何用虚拟主机快速搭建网站？详细步骤解析  制作国外网站的软件,国外有哪些比较优质的网站推荐？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  黑客如何通过漏洞一步步攻陷网站服务器？  如何通过商城自助建站源码实现零基础高效建站？  创业网站制作流程,创业网站可靠吗？  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  非常酷的网站设计制作软件,酷培ai教育官方网站？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  如何做网站制作流程,*游戏网站怎么搭建？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  专业公司网站制作公司,用什么语言做企业网站比较好？  公司门户网站制作流程,华为官网怎么做？  建站主机系统SEO优化与智能配置核心关键词操作指南  建站之星CMS建站配置指南：模板选择与SEO优化技巧  建站之星3.0如何解决常见操作问题？  如何在阿里云高效完成企业建站全流程？  建站主机选购指南与交易推荐：核心配置解析  东莞专业制作网站的公司,东莞大学生网的网址是什么？  详解jQuery停止动画——stop()方法的使用  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  广德云建站网站建设方案与建站流程优化指南  广州建站公司哪家好？十大优质服务商推荐  大连 网站制作,大连天途有线官网？  如何在万网主机上快速搭建网站？  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  建站主机选虚拟主机还是云服务器更好？  三星网站视频制作教程下载,三星w23网页如何全屏？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  微信小程序 input输入框控件详解及实例（多种示例）  网站制作大概多少钱一个,做一个平台网站大概多少钱？  如何用wdcp快速搭建高效网站？  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  做企业网站制作流程,企业网站制作基本流程有哪些？  定制建站流程解析：需求评估与SEO优化功能开发指南  如何选择最佳自助建站系统？快速指南解析优劣  MySQL查询结果复制到新表的方法(更新、插入)  网站设计制作企业有哪些,抖音官网主页怎么设置？  开源网站制作软件,开源网站什么意思？  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  如何通过NAT技术实现内网高效建站？  建站之星如何防范黑客攻击与数据泄露？  Python多线程使用规范_线程安全解析【教程】