热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

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

本文给大家分享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  0 /*&& level 

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  0) {
    child.setScaleX(1 - SCALE_GAP * level + fraction * SCALE_GAP);
    if (level  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 &#63; 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
        &#63;
        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模仿探探左右滑动布局功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言。


推荐阅读
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • baresip android编译、运行教程1语音通话
    本文介绍了如何在安卓平台上编译和运行baresip android,包括下载相关的sdk和ndk,修改ndk路径和输出目录,以及创建一个c++的安卓工程并将目录考到cpp下。详细步骤可参考给出的链接和文档。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Google Play推出全新的应用内评价API,帮助开发者获取更多优质用户反馈。用户每天在Google Play上发表数百万条评论,这有助于开发者了解用户喜好和改进需求。开发者可以选择在适当的时间请求用户撰写评论,以获得全面而有用的反馈。全新应用内评价功能让用户无需返回应用详情页面即可发表评论,提升用户体验。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 微软头条实习生分享深度学习自学指南
    本文介绍了一位微软头条实习生自学深度学习的经验分享,包括学习资源推荐、重要基础知识的学习要点等。作者强调了学好Python和数学基础的重要性,并提供了一些建议。 ... [详细]
  • 打开文件管理器_【教程】模组管理器3.1食用指南
    文编:byakko最近有部分小伙伴反应还不会使用unity模组管理器,现在我就给大家讲一下unity模组管理器——从下载到使用。完整视频版以下是无WiF ... [详细]
  • 在Docker中,将主机目录挂载到容器中作为volume使用时,常常会遇到文件权限问题。这是因为容器内外的UID不同所导致的。本文介绍了解决这个问题的方法,包括使用gosu和suexec工具以及在Dockerfile中配置volume的权限。通过这些方法,可以避免在使用Docker时出现无写权限的情况。 ... [详细]
  • EPICS Archiver Appliance存储waveform记录的尝试及资源需求分析
    本文介绍了EPICS Archiver Appliance存储waveform记录的尝试过程,并分析了其所需的资源容量。通过解决错误提示和调整内存大小,成功存储了波形数据。然后,讨论了储存环逐束团信号的意义,以及通过记录多圈的束团信号进行参数分析的可能性。波形数据的存储需求巨大,每天需要近250G,一年需要90T。然而,储存环逐束团信号具有重要意义,可以揭示出每个束团的纵向振荡频率和模式。 ... [详细]
  • 云原生边缘计算之KubeEdge简介及功能特点
    本文介绍了云原生边缘计算中的KubeEdge系统,该系统是一个开源系统,用于将容器化应用程序编排功能扩展到Edge的主机。它基于Kubernetes构建,并为网络应用程序提供基础架构支持。同时,KubeEdge具有离线模式、基于Kubernetes的节点、群集、应用程序和设备管理、资源优化等特点。此外,KubeEdge还支持跨平台工作,在私有、公共和混合云中都可以运行。同时,KubeEdge还提供数据管理和数据分析管道引擎的支持。最后,本文还介绍了KubeEdge系统生成证书的方法。 ... [详细]
  • 学习笔记(34):第三阶段4.2.6:SpringCloud Config配置中心的应用与原理第三阶段4.2.6SpringCloud Config配置中心的应用与原理
    立即学习:https:edu.csdn.netcourseplay29983432482?utm_sourceblogtoedu配置中心得核心逻辑springcloudconfi ... [详细]
  • 自动轮播,反转播放的ViewPagerAdapter的使用方法和效果展示
    本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter,并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]
  • imx6ull开发板驱动MT7601U无线网卡的方法和步骤详解
    本文详细介绍了在imx6ull开发板上驱动MT7601U无线网卡的方法和步骤。首先介绍了开发环境和硬件平台,然后说明了MT7601U驱动已经集成在linux内核的linux-4.x.x/drivers/net/wireless/mediatek/mt7601u文件中。接着介绍了移植mt7601u驱动的过程,包括编译内核和配置设备驱动。最后,列举了关键词和相关信息供读者参考。 ... [详细]
  • FeatureRequestIsyourfeaturerequestrelatedtoaproblem?Please ... [详细]
  • 闭包一直是Java社区中争论不断的话题,很多语言都支持闭包这个语言特性,闭包定义了一个依赖于外部环境的自由变量的函数,这个函数能够访问外部环境的变量。本文以JavaScript的一个闭包为例,介绍了闭包的定义和特性。 ... [详细]
author-avatar
邵世以_806
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有