Android下拉刷新与轮播图滑动冲突解决方案_网络技术

Android下拉刷新与轮播图滑动冲突解决方案

发布时间 - 2026-01-10 22:54:51 点击率：次

最近在开发中遇到了这样一个问题，在下拉刷新组件中包含了一个轮播图组件，当左右滑动的图片时很容易触发下拉刷新，如下图所示：

如图中红色箭头所示方向切换轮播图，很容易触发下拉刷新。网上查了很多方法，发现都不能很好的解决，于是自己研究了下。

我选用的第三方控件

1.下拉刷新我选用的是chanven的CommonPullToRefresh（系统自带的SwipeRefreshLayout也应该是一样的道理）;

2.轮播图选用的是daimajia的AndroidImageSlider（用ViewPager也是一样的道理）。具体界面自行脑补哈。

解决方案

我们仔细分析一下，我们要解决的实际上就是控件的事件拦截问题。现在的情况是外层的控件已经拦截了斜着滑动的事件，那么我们只要让外层的控件把这个事件分发下去就可以了【在dispatchTouchEvent(MotionEvent ev)方法中处理】，那么问题来了，怎么判断斜着的事件。网上有很多方案，但都不是很完美。我想到了一种，跟大家分享一下，先看图：

方案分析

1.图一中x=y，作为临界条件，这时α刚好等于45°；

2.图二中x＜y，α>45°，这时我们判断为上下移动；

3.图三中x>y，α<45°，这时我们判断为左右移动。

那么我们只要判断tan(α)与tan(45)的关系就能判断是左右还是上下移动。我们写一个类继承PtrClassicFrameLayout，下面是关键代码：

public class SubPtrClassicFrameLayout extends PtrClassicFrameLayout {

  private float mDownX;
  private float mDownY;

  public SubPtrClassicFrameLayout(Context context) {
    super(context);
  }

  public SubPtrClassicFrameLayout(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

  public SubPtrClassicFrameLayout(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
  }

  @Override
  public boolean dispatchTouchEvent(MotionEvent ev) {
    switch (ev.getAction()) {
      case MotionEvent.ACTION_DOWN:
        mDownX = ev.getX();
        mDownY = ev.getRawY();
        break;
      case MotionEvent.ACTION_MOVE:
        float moveX = ev.getX();
        float moveY = ev.getRawY();
        float diffX = Math.abs(moveX - mDownX);
        float diffY = Math.abs(moveY - mDownY);
        boolean isHorizon = Math.tan(diffY / diffX) < Math.tan(45.0);
        if (isHorizon) {
          return dispatchTouchEventSupper(ev);
        }
        break;
    }
    return super.dispatchTouchEvent(ev);
  }

}

我们可以看到，其实很简单，关键就是判断当前位置相对于初始位置的滑动方向。

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

# Android下拉刷新 # 冲突 # webview下拉刷新 # Android滑动冲突 # Android自定义控件实现简单的轮播图控件 # Android ViewPager实现轮播图效果 # Android自定义控件实现优雅的广告轮播图 # Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigur # Android如何使用RecyclerView打造首页轮播图 # 简单实现android轮播图 # Android开发在轮播图片上加入点击事件的方法 # Android实现轮播图无限循环效果 # Android实现ViewPage轮播图效果 # android常见手动和自动轮播图效果 # 的是 # 很容易 # 所示 # 斜着 # 我想 # 来了 # 很好 # 就能 # 有很多 # 是一样的 # 网上 # 不是很 # 可以看到 # 要让 # 一个问题 # 相对于 # 第三方 # 大家分享 # 也应 # 三中

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：如何查看laravel是否安装成功

下一篇：公司怎样制作网站链接,如何制作一个企业网站，建设网站的基本

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：如何查看laravel是否安装成功

下一篇：公司怎样制作网站链接,如何制作一个企业网站，建设网站的基本