3分钟搞定,学会Android滑动冲突解决技巧

前言

Android滑动冲突是Android开发中常见的问题。在一个界面中,可能存在多个View可以响应滑动事件。如果这些View滑动方向一致,则会导致滑动冲突。本文将从原理、使用与优化三个方面,详细介绍Android滑动冲突的解决方式。

滑动冲突的原理

Android的事件分发机制是基于ViewGroup的。当用户在屏幕上触摸时,事件会首先传递给最顶层的ViewGroupViewGroup会根据自己的滑动方向和滑动能力来决定是否拦截事件。如果ViewGroup拦截了事件,则事件不会传递给子View。如果ViewGroup没有拦截事件,则事件会传递给子View

如果子View也需要响应滑动事件,则子View需要重写onTouchEvent()方法来处理事件。子View可以通过requestDisallowInterceptTouchEvent()方法来告诉父ViewGroup不要拦截事件。

滑动冲突是指两个或多个View同时收到滑动事件,导致无法正常滑动。滑动冲突的原因有很多,例如:

  1. 两个View的滑动方向相同,例如RecyclerViewScrollView同时滑动。
  2. 两个View的滑动方向不同,但滑动范围重叠,例如HorizontalScrollViewWebView同时滑动。

解决方法

Android滑动冲突的主要解决思想有两种:外部拦截法和内部拦截法。

  • 外部拦截法:由父View拦截事件,然后根据需要将事件传递给子View
  • 内部拦截法:由子View拦截事件,然后根据需要将事件传递给父View

外部拦截法

外部拦截法是Android默认的滑动冲突解决方式。在这种方式下,父View会先拦截事件,然后根据需要将事件传递给子View

View可以通过重写onInterceptTouchEvent()方法来实现外部拦截法。在onInterceptTouchEvent()方法中,我们可以根据事件的类型和位置来判断是否需要拦截事件。如果需要拦截事件,则返回true,否则返回false

kotlin 复制代码
class CustomParentView(context: Context, attrs: AttributeSet) : ViewGroup(context, attrs) {

    private var downX: Float = 0F
    private var downY: Float = 0F

    override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
        when (ev.action) {
            MotionEvent.ACTION_DOWN -> {
                downX = ev.x
                downY = ev.y
            }
            MotionEvent.ACTION_MOVE -> {
                val deltaX = ev.x - downX
                val deltaY = ev.y - downY

                // 根据滑动方向判断是否拦截事件
                if (Math.abs(deltaX) > Math.abs(deltaY)) {
                    return true
                }
            }
        }
        return super.onInterceptTouchEvent(ev)
    }

    override fun onTouchEvent(event: MotionEvent): Boolean {
        // 处理滑动逻辑
        return true
    }

    // 其他相关代码
}

优点: 简单易用,适用于大多数滑动冲突问题。

缺点: 可能会导致父ViewGroup无法响应事件,例如父ViewGroup的子View正在滑动,而父ViewGroup的滑动事件也被拦截了。

内部拦截法

内部拦截法是指由子View拦截事件,然后根据需要将事件传递给父View

View可以通过重写dispatchTouchEvent()方法来实现内部拦截法。在dispatchTouchEvent()方法中,我们可以根据事件的类型和位置来判断是否需要拦截事件。如果需要拦截事件,则调用requestDisallowInterceptTouchEvent()方法来告诉父View不要拦截事件。

kotlin 复制代码
class MyView : View {

    // 通过重写 dispatchTouchEvent 方法实现内部拦截
    override fun dispatchTouchEvent(ev: MotionEvent): Boolean {
        when (ev.action) {
            MotionEvent.ACTION_DOWN -> {
                // 按下时,禁止父View拦截事件
                parent.requestDisallowInterceptTouchEvent(true)
            }
            MotionEvent.ACTION_MOVE -> {
                // 根据业务逻辑判断是否拦截事件
                if (shouldInterceptTouchEvent(ev)) {
                    return true
                }
            }
            MotionEvent.ACTION_UP -> {
                // 手指抬起时,允许父View拦截事件
                parent.requestDisallowInterceptTouchEvent(false)
            }
        }
        return super.dispatchTouchEvent(ev)
    }

}

优点: 不会导致父ViewGroup无法响应事件,适用于父ViewGroup和子View都需要滑动的情况。

缺点: 需要重写子ViewdispatchTouchEvent()方法,可能会导致代码复杂。

注意事项和优化技巧

  • 在判断是否需要拦截事件时,需要考虑事件的方向、滑动距离等因素。
  • 如果父ViewGroup和子View都需要滑动,则可以使用事件分发机制来解决滑动冲突。
  • 避免过多的嵌套, 尽量减少布局的嵌套层次,以降低滑动冲突的概率。

总结

Android滑动冲突的解决方式主要有外部拦截法和内部拦截法两种。希望本文能帮助读者解决滑动冲突问题,提高Android开发水平。

推荐

android_startup: 提供一种在应用启动时能够更加简单、高效的方式来初始化组件,优化启动速度。不仅支持Jetpack App Startup的全部功能,还提供额外的同步与异步等待、线程控制与多进程支持等功能。

AwesomeGithub: 基于Github的客户端,纯练习项目,支持组件化开发,支持账户密码与认证登陆。使用Kotlin语言进行开发,项目架构是基于JetPack&DataBinding的MVVM;项目中使用了Arouter、Retrofit、Coroutine、Glide、Dagger与Hilt等流行开源技术。

flutter_github: 基于Flutter的跨平台版本Github客户端,与AwesomeGithub相对应。

android-api-analysis: 结合详细的Demo来全面解析Android相关的知识点, 帮助读者能够更快的掌握与理解所阐述的要点。

daily_algorithm: 每日一算法,由浅入深,欢迎加入一起共勉。

相关推荐
天天爱吃肉8218几秒前
新能源汽车热管理核心技术解析:冬季续航提升40%的行业方案
android·python·嵌入式硬件·汽车
GISer_Jing2 分钟前
[总结篇]个人网站
前端·javascript
疯狂的沙粒23 分钟前
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
前端·uni-app·html
小妖66627 分钟前
html 滚动条滚动过快会留下边框线
前端·html
快乐觉主吖35 分钟前
Unity的日志管理类
android·unity·游戏引擎
heroboyluck41 分钟前
Svelte 核心语法详解:Vue/React 开发者如何快速上手?
前端·svelte
海的诗篇_42 分钟前
前端开发面试题总结-JavaScript篇(二)
开发语言·前端·javascript·typescript
明月看潮生43 分钟前
青少年编程与数学 01-011 系统软件简介 06 Android操作系统
android·青少年编程·操作系统·系统软件·编程与数学
snetlogon201 小时前
JDK17 Http Request 异步处理 源码刨析
android·网络协议·http
琹箐1 小时前
ant-design4.xx实现数字输入框; 某些输入法数字需要连续输入两次才显示
前端·javascript·anti-design-vue