草庐IT

Recyclerview、ViewPager 多重嵌套,滑动处理

翻滚的咸鱼 2023-03-28 原文

在项目中出现多重嵌套情况时,会出现无法滑动的场景,比如经常碰到的场景

ViewPager -> Fragment -> RecyclerView -> RecyclerView | ViewPager

最外层是一个可滑动的 tabLayout+ViewPager,ViewPager 中是多个 Fragment,Fragment 中是 RecyclerView,RecycleView 列表是一个多类型,内嵌多个横向滑动列表

此时内嵌的 ViewPager 或者 RecyclerView,只要是横向滑动,就会跟上层的 ViewPager 滑动起冲突,导致嵌套的列表无法滑动

常规做法就是拦截事件,或者直接在滑动监听中消费事件,但是这种做法只会让滑动失效情况有下面几种:

要么只能横向滑动,无法在这块区域上下滑动;

要么直接滑动失效,只有一个列表有滑动事件;

要么上下滑动或者左右滑动不连贯,内外列表滑动不丝滑;

如果直接拦截或者消费事件处理,这种处理过于粗暴,容易影响其它 View,并且就跟上面前两种情况一样,无法得兼。

 

要做到嵌套列表区域可以正常横向滑动,外层列表可以正常滑动,上下列表可以正常滑动,就需要额外处理了;

这里不能直接拦截,因为嵌套层次多深时,直接拦截会影响其它事件的处理;

这里主要使用 requestDisallowInterceptTouchEvent(在拦截事件前面执行) 方法在 onTouchEvent 中处理;

系统 View 以及一些好的第三方控件都会根据情况处理滑动监听,在 onTouchEvent 事件中做一些处理,所以在不拦截消费的前提下,又满足了自身需求,又不影响其它 View;

而子 View 如果需要告知父容器放开拦截,就可以使用 requestDisallowInterceptTouchEvent 方法,让父容器的拦截事件无法得到执行。

 

上层滑动列表存在各种滑动监听处理,会在触摸事件 onTouchEvent  中处理各种滑动逻辑,所以导致嵌套列表无法起作用,要处理滑动问题,需要在 onTouchEvent   事件中根据情况告知父容器,不做滑动处理

class NestedRecyclerView(context: Context, attrs: AttributeSet) : RecyclerView(context, attrs) {

    private var x1 = 0f
    private var y1 = 0f
    private var isScroll = false

    @SuppressLint("ClickableViewAccessibility")
    override fun onTouchEvent(evt: MotionEvent?): Boolean {
        evt?.let {
            var str = ""
            when (evt.action) {
                MotionEvent.ACTION_DOWN -> {
                    x1 = evt.x
                    y1 = evt.y
                }
                MotionEvent.ACTION_MOVE -> if (this.childCount > 1) {
                    // 通知其父控件不拦截
                    val x2 = evt.x
                    val y2 = evt.y
                    if (x1 - x2 > 1) {
                        str = "向右滑"
                        parent.requestDisallowInterceptTouchEvent(true)
                        isScroll = false
                    } else if (x2 - x1 > 1) {
                        str = "向左滑"
                        parent.requestDisallowInterceptTouchEvent(true)
                        isScroll = false
                    } else if (y1 - y2 > 100) {
                        parent.requestDisallowInterceptTouchEvent(false)
                        str = "向上滑"
                        isScroll = true
                    } else if (y2 - y1 > 100) {
                        parent.requestDisallowInterceptTouchEvent(false)
                        str = "向下滑"
                        isScroll = true
                    }
                    XLog.e("--== $x1 $x2 $str")
                    return if (isScroll){
                        true
                    }else{
                        super.onTouchEvent(evt)
                    }
                }
                MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
                    if (isScroll) {
                        parent.requestDisallowInterceptTouchEvent(false)
                    } else {
                        parent.requestDisallowInterceptTouchEvent(true)
                    }
                    return if (isScroll){
                        true
                    }else{
                        super.onTouchEvent(evt)
                    }
                }
            }
        }
        return super.onTouchEvent(evt)
    }

}

主要集中在触摸事件,通过滑动的距离判断滑动方向,如果是左右滑动列表,则告诉父容器不做处理,交给本身,如果是上下滑动列表,交给父容器处理。

 

要想滑动比较丝滑,内外列表互补影响,还需要在up事件中处理一下。

同理,ViewPager 也是一样的处理,只需要继承 ViewPager 就行,触摸逻辑一样,处理后,就如丝般柔顺了。

 

有关Recyclerview、ViewPager 多重嵌套,滑动处理的更多相关文章

  1. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

    我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

  2. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时,rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  3. ruby - 将散列转换为嵌套散列 - 2

    这道题是thisquestion的逆题.给定一个散列,每个键都有一个数组,例如{[:a,:b,:c]=>1,[:a,:b,:d]=>2,[:a,:e]=>3,[:f]=>4,}将其转换为嵌套哈希的最佳方法是什么{:a=>{:b=>{:c=>1,:d=>2},:e=>3,},:f=>4,} 最佳答案 这是一个迭代的解决方案,递归的解决方案留给读者作为练习:defconvert(h={})ret={}h.eachdo|k,v|node=retk[0..-2].each{|x|node[x]||={};node=node[x]}node[

  4. Ruby——嵌套类和子类是一回事吗? - 2

    下面例子中的Nested和Child有什么区别?是否只是同一事物的不同语法?classParentclassNested...endendclassChild 最佳答案 不,它们是不同的。嵌套:Computer之外的“Processor”类只能作为Computer::Processor访问。嵌套为内部类(namespace)提供上下文。对于ruby​​解释器Computer和Computer::Processor只是两个独立的类。classComputerclassProcessor#Tocreateanobjectforthisc

  5. ruby - 模块嵌套代码风格偏好 - 2

    我的假设是moduleAmoduleBendend和moduleA::Bend是一样的。我能够从thisblog找到解决方案,thisSOthread和andthisSOthread.为什么以及什么时候应该更喜欢紧凑语法A::B而不是另一个,因为它显然有一个缺点?我有一种直觉,它可能与性能有关,因为在更多命名空间中查找常量需要更多计算。但是我无法通过对普通类进行基准测试来验证这一点。 最佳答案 这两种写作方法经常被混淆。首先要说的是,据我所知,没有可衡量的性能差异。(在下面的书面示例中不断查找)最明显的区别,可能也是最著名的,是你的

  6. ruby-on-rails - 使用回形针的嵌套形式 - 2

    我有一个名为posts的模型,它有很多附件。附件模型使用回形针。我制作了一个用于创建附件的独立模型,效果很好,这是此处说明的View(https://github.com/thoughtbot/paperclip):@attachment,:html=>{:multipart=>true}do|form|%>posts中的嵌套表单如下所示:prohibitedthispostfrombeingsaved:@attachment,:html=>{:multipart=>true}do|at_form|%>附件记录已创建,但它是空的。文件未上传。同时,帖子已成功创建...有什么想法吗?

  7. ruby-on-rails - Rails 3,嵌套资源,没有路由匹配 [PUT] - 2

    我真的为这个而疯狂。我一直在搜索答案并尝试我找到的所有内容,包括相关问题和stackoverflow上的答案,但仍然无法正常工作。我正在使用嵌套资源,但无法使表单正常工作。我总是遇到错误,例如没有路线匹配[PUT]"/galleries/1/photos"表格在这里:/galleries/1/photos/1/edit路线.rbresources:galleriesdoresources:photosendresources:galleriesresources:photos照片Controller.rbdefnew@gallery=Gallery.find(params[:galle

  8. ruby - 如何根据长度将路径数组转换为嵌套数组或散列 - 2

    我需要根据字符串路径的长度将字符串路径数组转换为符号、哈希和数组的数组给定以下数组:array=["info","services","about/company","about/history/part1","about/history/part2"]我想生成以下输出,对不同级别进行分组,根据级别的结构混合使用符号和对象。产生以下输出:[:info,:services,about:[:company,history:[:part1,:part2]]]#altsyntax[:info,:services,{:about=>[:company,{:history=>[:part1,:pa

  9. Ruby-vips 图像处理库。有什么好的使用示例吗? - 2

    我对图像处理完全陌生。我对JPEG内部是什么以及它是如何工作一无所知。我想知道,是否可以在某处找到执行以下简单操作的ruby​​代码:打开jpeg文件。遍历每个像素并将其颜色设置为fx绿色。将结果写入另一个文件。我对如何使用ruby​​-vips库实现这一点特别感兴趣https://github.com/ender672/ruby-vips我的目标-学习如何使用ruby​​-vips执行基本的图像处理操作(Gamma校正、亮度、色调……)任何指向比“helloworld”更复杂的工作示例的链接——比如ruby​​-vips的github页面上的链接,我们将不胜感激!如果有ruby​​-

  10. ruby-on-rails - 使用 rspec 和 rails 测试嵌套模块 - 2

    这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Testingmodulesinrspec目前我正在使用rspec成功测试我的模块,如下所示:require'spec_helper'moduleServicesmoduleAppServicedescribeAppServicedodescribe"authenticate"doit"shouldauthenticatetheuser"dopending"authenticatetheuser"endendendendend我的模块位于应用程序/服务/services.rb应用程序/服务/app_servi

随机推荐