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

Android实现探探图片滑动效果

这篇文章主要为大家详细介绍了Android实现探探图片滑动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

之前一段时间,在朋友的推荐下,玩了探探这一款软件,初玩的时候,就发现,这款软件与一般的社交软件如陌陌之类的大相径庭,让我耳目一新,特别是探探里关于图片滑动操作让人觉得非常新鲜。所以在下通过网上之前的前辈的经历加上自己的理解,也来涉涉水。下面是网上找的探探的原界面


当时就非常想通过自己来实现这种仿探探式的效果,然而却没什么思路。不过毋庸置疑的是,这种效果的原理肯定和 ListView /RecyclerView 类似,涉及到 Item View 的回收和重用,否则早就因为大量的 Item View 而 OOM 了。
从View入手,RecyclerView 是自带 Item View 回收和重用功能的,而且,RecyclerView 的布局方式是通过设置 LayoutManager 来实现的,这样就充分地把布局和 RecyclerView 搞定了。

继承 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 

谷歌官方提供了一个ItemTouchHelper工具类, 对滑动进行了优越封装

使用方法: 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) {

    }
  }
}

布局文件:卡片内容



  

  

  


布局文件:点击按钮

<&#63;xml version="1.0" encoding="utf-8"&#63;>


  

  

  


监听函数:

    flingCOntainer= (SwipeFlingAdapterView) findViewById(R.id.frame);
   //设置适配器
    flingContainer.setAdapter(adapter);
    flingContainer.setFlingListener(new SwipeFlingAdapterView.onFlingListener() {
      @Override
      public void removeFirstObjectInAdapter() {
        al.remove(0);
        adapter.notifyDataSetChanged();
      }
      @Override
      public void onLeftCardExit(Object dataObject) {
        makeToast(MainActivity.this, "不喜欢");
      }

      @Override
      public void onRightCardExit(Object dataObject) {
        makeToast(MainActivity.this, "喜欢");
      }

      @Override
      public void onAdapterAboutToEmpty(int itemsInAdapter) {
        al.add(new CardMode("循环测试", 18, list.get(itemsInAdapter % imageUrls.length - 1)));
        adapter.notifyDataSetChanged();
        i++;
      }

      @Override
      public void onScroll(float scrollProgressPercent) {
        View view = flingContainer.getSelectedView();
        view.findViewById(R.id.item_swipe_right_indicator).setAlpha(scrollProgressPercent <0 &#63; -scrollProgressPercent : 0);
        view.findViewById(R.id.item_swipe_left_indicator).setAlpha(scrollProgressPercent > 0 &#63; scrollProgressPercent : 0);
      }
    });

总结一下,在这整个代码流程中我们主要是运用了自定义 LayoutManager 以及 ItemTouchHelper.Callback
接下来,我们看看效果:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • 本文深入探讨了Android事件分发机制的源代码,重点分析了DecorView作为Activity根布局的角色及其在事件传递中的作用。同时,详细解析了PhoneWindow在Activity窗口管理中的关键功能,以及它如何与DecorView协同工作,确保用户交互事件的高效处理。 ... [详细]
  • 如果你对 IntelliJ IDEA 的界面不太熟悉,可能会对如何在 Android Studio 中执行一些常见任务感到困惑。本文提供了多种开发技巧和实用窍门,帮助开发者更好地利用 Android Studio 的强大功能,包括界面导航、代码调试和项目管理等方面,使开发过程更加高效顺畅。 ... [详细]
  • 在构建网络模型时,假设每个节点最多与 \( d \) 个其他节点相连,并且信息从任一节点传输到另一节点的最短路径长度(以单位路径计)不超过 \( k \)。本文旨在探讨在网络中最多可以容纳的节点数量,通过分析无向图的直径、最大度与顶点数量之间的关系,为网络设计提供理论依据。 ... [详细]
  • 为了应对硬件安装需求,我们对Android平板电脑进行了180度屏幕翻转处理,以确保界面在上下颠倒安装时仍能正确显示。通过深入研究Android系统的屏幕旋转机制,我们实现了屏幕内容的自动调整,从而保证了用户在任何方向下都能获得一致的视觉体验。此外,我们还优化了触摸事件的映射,确保操作流畅无误。 ... [详细]
  • 本文详细解析了 `DirectoryInfo.GetFiles` 方法的使用方法及其应用场景。通过示例代码展示了如何在 C# 程序中利用该方法获取指定目录下的所有文件列表,同时探讨了其参数选项和返回值类型,为开发者提供了实用的操作指南。 ... [详细]
  • 下面的代码旨在输出其类文件的完整名称。对于不熟悉类字面量的读者,`Me.class.getName()` 方法会返回类的全称,例如 “com.javapuzzlers.Me”。通过这一机制,可以深入了解 Java 类加载和反射机制的内部工作原理。 ... [详细]
  • 通过命令行工具 `virt-install` 配置和安装虚拟机环境。`virt-install` 是一个基于 `libvirt` 虚拟化管理库的命令行工具,用于创建新的虚拟机实例。该工具支持通过串行控制台和 SDL 图形界面进行虚拟机的安装和管理,适用于多种操作系统和虚拟化平台。 ... [详细]
  • 在进行 MySQL 表连接操作时,首先需明确业务需求,确定所需字段所在的表,并选择合适的连接类型。关键在于识别两个表之间的关联字段,如学生表中的 `studentNO` 与成绩表中的 `studentID`,并设置相应的连接条件,以确保数据准确匹配。此外,合理利用索引和优化查询语句,可以显著提升查询性能。 ... [详细]
  • 正则表达式与文本处理三剑客深入解析
    本文深入解析了正则表达式及其在文本处理中的应用,详细介绍了常用的正则表达式模式,如 `[0-9]` 用于匹配任意一个数字字符,`[^0-9]` 匹配任意一个非数字字符,`^[0-9]` 表示以数字开头,`[a-z]` 匹配任意一个小写字母,而 `[a-zA-Z]` 则匹配任意一个字母,并强调了正则表达式中大小写的区分。此外,文章还探讨了正则表达式在文本处理中的高级用法,包括模式匹配、字符串替换和数据提取等技术,为读者提供了丰富的实战案例和应用场景。 ... [详细]
  • 问题背景:在使用Struts2注解实现ZIP文件下载功能时,由于InputStream未正确关闭,导致Tomcat服务器异常终止。重启后,系统抛出`java.io.EOFException`错误。具体表现为,在文件下载过程中,如果请求未正常完成或客户端提前中断连接,未关闭的InputStream会占用资源,最终导致服务器资源耗尽,触发异常。为解决此问题,建议在代码中确保InputStream在使用完毕后能够及时且正确地关闭,以避免资源泄露和服务器崩溃。 ... [详细]
  • Oracle程序包基础入门:了解核心概念与基本结构
    本文旨在为初学者介绍 Oracle 程序包的基础知识,涵盖其核心概念和基本结构。通过详细解析程序包的组成元素,如过程、函数和变量,帮助读者理解如何在实际应用中有效使用 Oracle 程序包。此外,文章还提供了实例代码,以便读者更好地掌握这些关键概念。 ... [详细]
  • Zuul过滤器:深入解析与应用优化
    在服务网关中实现过滤器,只需继承抽象类并实现其定义的四个关键方法,即可对请求进行拦截和处理。过滤器具有两大核心功能:一是路由功能,负责将外部请求转发至具体的微服务实例,实现外部访问的统一入口;二是过滤功能,用于对请求进行预处理和后处理,增强系统的安全性和性能。通过合理配置和优化过滤器,可以显著提升服务网关的整体效能。 ... [详细]
  • 在Android开发中,若需在SQLite数据库中设置包含自增ID列的复合主键,正确的做法是在创建表时明确指定主键字段及其属性。例如,在创建表时可以通过SQL语句定义复合主键,确保每个记录的唯一性。如果遇到语法不确定的情况,可以在Java代码中通过ContentValues对象插入数据,同时注意处理SQLite的异常情况,以保证数据操作的准确性与完整性。 ... [详细]
  • 程序员们欢呼雀跃:微软正式推出GitHub安卓版应用预览版,新增暗黑模式支持
    近日,GitHub正式发布了面向Android用户的移动应用预览版,这一消息让众多程序员兴奋不已。新版本不仅支持暗黑模式,还优化了用户体验,为开发者提供了更加便捷的代码管理和协作工具。此前,GitHub已为iOS用户推出了相应的移动应用,此次Android版的发布进一步扩大了其在移动开发领域的影响力。 ... [详细]
  • 教程:使用Source Monitor进行代码质量分析
    Source Monitor 是一款强大的代码分析工具,能够对 Java、C++、C、C# 和 Delphi 等多种编程语言进行复杂度分析,帮助开发者有效评估和提升代码质量。通过详细的指标和报告,该工具可辅助团队识别潜在问题并优化代码结构。 ... [详细]
author-avatar
coco2冰冰
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有