开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

当向上或向下滚动时，recyclerView中的Viewpager消失

当向上或向下滚动时，RecyclerView中的ViewPager消失是因为RecyclerView的滚动机制导致的。RecyclerView是Android中常用的列表控件，它使用了回收复用的机制来优化列表的性能。当滚动RecyclerView时，屏幕上的Item会被复用，即离开屏幕的Item会被回收，然后用于显示新的Item。

ViewPager是Android中常用的滑动控件，用于实现左右滑动切换不同的页面。当ViewPager作为RecyclerView的Item时，由于RecyclerView的滚动机制，当Item滚出屏幕时，ViewPager也会被回收，导致消失。

为了解决这个问题，可以考虑以下几种方法：

使用固定高度的Item：将RecyclerView的Item的高度设置为固定值，这样即使滚动RecyclerView，ViewPager的高度也不会改变，从而避免消失。
使用NestedScrollView：将RecyclerView放在NestedScrollView中，这样可以实现嵌套滚动，ViewPager可以保持可见。
自定义LayoutManager：通过自定义RecyclerView的LayoutManager，可以控制Item的布局和滚动行为。可以尝试自定义LayoutManager来实现ViewPager在滚动时的保持可见。

需要注意的是，以上方法仅供参考，具体实现方式可能因项目需求和具体情况而异。

推荐的腾讯云相关产品：腾讯云移动应用分析（MTA），它是一款专业的移动应用数据分析产品，可帮助开发者深入了解用户行为、应用性能等数据，提供数据分析和运营决策支持。产品介绍链接地址：https://cloud.tencent.com/product/mta

相关搜索:Codenameone:当向上或向下滚动时，SwipeableContainer会打开向上或向下滚动后RecyclerView项目视图更新向下滚动时消失的React整页图像，向上滚动时不会返回向下或向上滚动时禁用顶部空格向上或向下滚动后，项目在recyclerView中放错了位置 listview向上或向下滚动时出现问题使用activity或fragment android中的向上和向下按钮操作的Recyclerview滚动向上或向下滚动文本视图的按钮当插入数据时，Recyclerview会自动向上滚动 RecyclerView:当AppBarLayout向上滚动(隐藏)时填充屏幕高度 Flutter CachedNetworkImage无法工作，当向下滚动或从下向上滚动时再次加载图像当向上和向下滚动时，在chrome中的Jwplayer闪烁问题当向上或向下看时，剔除锥体变窄如何在radlistview中检测是否向上滚动或向下滚动带有ViewPager2的BottomSheetBehavior无法通过嵌套RecyclerView滚动向下滚动当使用js或jquery向下/向上滚动时，我想隐藏/显示导航栏如何在向上或向下滚动时使打开的菜单透明 viewPager中垂直recyclerView项的水平滚动滚动出屏幕时，项目将从RecyclerView中消失 iOS / Swift :当UIButton上的触摸事件开始时，我如何向上或向下滚动视图？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

嵌套滑动通用解决方案--NestedScrollingParent2

京东首页可见，在向上滑动页面时，当tabLayout滑动到顶部时，外层RecyclerView停止滑动，此时tabLayout即为吸顶状态，接着会滑动ViewPager中的内层RecyclerView...作者最后建议使用RecyclerView多布局。但其实在真实应用中，可能头部和列表的数据来自不同的接口，当列表的数据请求失败时要展示缺省图，但头部还是会展示。...：滑动RecyclerView时先滑动根布局，使得头部隐藏或显示，然后再交给RecyclerView滑动。...：此时还获取不到ViewPager内fragment的RecyclerView，需要在加载ViewPager后 fragment可见时传入 } private RecyclerView...套viewPager， viewPager内的fragment中也有RecyclerView，处理外层、内层 RecyclerView的嵌套滑动问题，类似淘宝、京东首页。

3.8K3 1

CoordinatorLayout使用全解析

enterAlways：这个flag让任意向下的滚动都会导致该view变为可见，启用快速“返回模式”。...exitUntilCollapsed：当你定义了一个minHeight，此布局将在滚动到达这个最小高度的时候折叠。 snap：当一个滚动事件结束，如果视图是部分可见的，那么它将被滚动到收缩或展开。...，它可以控制包含在CollapsingToolbarLayout中的控件(如：ImageView、Toolbar)在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端...当CollapsingToolbarLayout的子布局设置了parallax模式时，我们还可以通过app:layout_collapseParallaxMultiplier设置视差滚动因子，值为：0~...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。

2.2K2 0

用 CoordinatorLayout 处理滚动

在 RecyclerView 或其他类似 NestedScrollView 这样的可以嵌套滚动的 View 中加入 app:layout_behavior。...RecyclerView 上的任何滚动事件都将触发 AppBarLayout 或任何包含在其中的 view 的布局发生变化。...属性，认为这样就可以将 pager 中的滚动事件向上传递然后就可以被CoordinatorLayout 管理。...当滚动事件发生时，CoorinatorLayout 尝试去触发那些被声明为依赖项的子 View。...第三方滚动和视差效果库除了使用上述的 CoordinatorLayout，还可以查看这些流行的第三方库来实现 ScrollView， ListView， ViewPager 和RecyclerView

4.8K9 2

当JSONObject中的value=null时，key竟然会消失？

我们每天都在用JSON，但JSON中的一些坑你们都知道吗？比如， JSON的value值为null时，key会直接没了？...value为Date类型时，JSON.toJSONString打印出来的是时间戳，取出来的却是Date？等。...); // System.out.println("json -- key1str:" + key1str); System.out.println(""); } //打印出来的...Sun Nov 17 14:25:07 CST 2019 json -- key1:null json -- key2:null json -- key1str:null 可见， 1.JSONObject的value...对以格式date存放的数据，toJSONString时显示为时间戳； 2.如果value为null时，key将直接被取消，get到null值；所以我们在开发过程中，往JSONObject中赋值时，一定要先判断该值是否为

2.9K4 0

一个Demo学会用Android兼容包新控件

-- CoordinatorLayout是这次新添加的一个增强型的FrameLayout，通过它可以实现很多东西：例如： 1.界面向上滚动逐渐隐藏Toolbar...本例中，TabLayout在界面滚动时，随着Toolbar的逐渐隐藏，将占据Toolbar的位置，达到节省屏幕空间，界面动画效果的目的。...enterAlways: 这个flag让任意向下的滚动都会导致该view变为可见，启用快速“返回模式”。...exitUntilCollapsed: 当视图会在滚动时，它一直滚动到设置的minHeight时完全隐藏。...当设置了layout_behavior的控件滑动时，就会触发设置了layout_scrollFlags的控件发生状态的改变。

1.5K4 0

Android开发笔记（一百三十五）应用栏布局AppBarLayout

下面是AppBarLayout结合RecyclerView实现的工具栏向上滚动效果截图： ?...同理，拉动AppBarLayout也有类似情况，当松开手指后，AppBarLayout得判断要不要继续向上收缩，或是继续向下展开。...然后头部固定不动，主体继续向上滚动。向下滚动：头部固定不动，主体先向下滚动，一直滚到主体全部拉出。然后头部向下展开。...具体的滚动说明如下所示：向上滚动：头部先往上收缩，一直滚到折叠的最小高度。然后头部与主体先一起滚动，头部滚到位后，主体继续向上。向下滚动：头部与主体先一起滚动，一直滚到头部折叠的最小高度。...然后主体向下滚动，滚到位后头部继续向下展开。 5、snap : 在用户手指松开时，系统自行判断，接下来是全部向上滚到顶，还是全部向下展开。

2K4 0

自定义 behavior - 完美仿 QQ 浏览器首页，美团商家详情页

从效果图，我们可以看到在 open 状态下，我们向上滑动 ViewPager 里面的 RecyclerView 的时候，RecyclerView 并不会向上移动（RecyclerView 的滑动事件交给...当 Tab 滑动到顶部的时候，我们向上滑动 ViewPager 里面的 RecyclerView 的时候，RecyclerView 可以正常向上滑动，即此时外部容器没有拦截滑动事件。...我们向上滑动的时候，当Header 处于 open 状态，这时候 Header 向上滑动， content 部分的 recyclerView 不会滑动，当 header 处于 close 状态，content...当我们向下滑动的时候，header 并不会随着滑动，只会滑动 content 部分的 recyclerView 第三部分 search 部分：当我们向上滑动的时候，Search 部分会随着滑动，最终停留在固定的位置...View 设置点击事件的时候，无法滑动 header 对 Android 事件分发机制有一定了解的，都知道，在 Android 中，默认的事件传递机制是这样的，当TouchEvent发生时，首先Activity

1.3K4 0

终于来了：Android端个人中心页面滑动冲突优化方案

整体的滑动流程如图所示： image.png 当手指触摸屏幕时，记录位置，滑动后，判断是横向竖向，只判断一次如果是上下滑动，则判断是触发最外层 LinearLayout 的滑动，还是触发 RecyclerView...出现问题时，用户的手先触发左右滑动，这时候由于 RecyclerView 父布局 ViewPager 中的一些临界判断没被触发，所以没拦截事件，事件还是到了 RecyclerView 中，此时如果再次上下滑动...，由于1中的判断单次滑动周期内只触发了一次，还被认为是左右滑动事件，所以 LinearLayout 布局本身没有滚动，但是 RecyclerView 正常响应滚动，导致的出现滑动偏差。...ViewPager 相关源码： image.png 核心拦截逻辑：如果横向上有可滑动的子 View ,就不拦截，让子 View 去处理横向的滑动超过临界值 mTouchSlop ，并且大于竖向滑动距离的...下面看竖向的 RecyclerView 的拦截代码，非常简单： image.png 当竖向可滑动并且差值 dy 大于临界值 mTouchSlop 时，即响应事件。

1K2 0

Material Design 实战之第四弹 —— 卡片布局

其中， scroll 表示当RecyclerView向上滚动时，Toolbar会跟着一起向上滚动并实现隐藏； enterAlways 表示当RecyclerView向下滚动时...，Toolbar会跟着一起向下滚动并重新显示； snap 表示当Toolbar还没有完全隐藏或显示时，会根据当前滚动的距离，自动选择是隐藏还是显示。...其中， scroll表示当RecyclerView向上滚动时，Toolbar会跟着一起向上滚动并实现隐藏； enterAlways表示当RecyclerView向下滚动时，Toolbar会跟着一起向下滚动并重新显示...运行程序可见，随着我们向上滚动RecyclerView会Toolbar消失掉；向下滚动RecyclerView，Toolbar又会重新出现；滚动到Toolbar的一半时松开手指，Toolbar...又会根据当前滚动的距离情况，做出消失或者重新出现的反应；这其实也是MaterialDesign中的一项重要设计思想，因为当用户在向上滚动RecyclerView的时候，其注意力肯定是在RecyclerView

2.1K1 0

仿抖音上下滑动分页视频

2.但是没有复用是个最致命的问题。在onLayout方法中，所有子View会实例化并一字排开在布局上。当Item数量很大时，将会是很大的性能浪费。 3.其次是可见性判断的问题。...很多人会以为 Fragment 在 onResume 的时候就是可见的，而 ViewPager 中的 Fragment 就是个反例，尤其是多个 ViewPager 嵌套时，会同时有多个父 Fragment...2.2 使用RecyclerView 使用RecyclerView实现树枝方向上下切换视频分析 1.首先RecyclerView它设置竖直方向滑动是十分简单的，同时关于item的四级缓存也做好了处理，而且滑动的效果相比...3.在recyclerView对应的adapter中，在onCreateViewHolder初始化视频操作，同时当onViewRecycled时，销毁视频资源。...接着，不管是在recyclerView还是ViewPager中，当页面处于不可见被销毁或者view被回收的阶段，这个时候需要把视频资源销毁，尽量视频播放功能封装起来，然后在页面不同状态调用方法即可。

5.9K2 0

NestedScrolling机制之CoordinatorLayout.Behavior实战

在上一讲中我们讲了NestedScrolling机制，其实android很多有些常用的控件都是支持NestedScrolling机制的，如RecyclerView,NestedScrollView等，...是target或是target的parent * target 处理滑动事件的view * axes 垂直滚动2 横向滚动1 * type 滑动类型touch 0手指按下 1手指松开 */ public...view处于滚动状态，但是并不是由target消耗的滚动时候触发，这个是水平滚动的实时距离 * dyUnconsumed view处于滚动状态，但是并不是由target消耗的滚动时候触发，这个是竖直滚动的实时距离...* @param dependency 依赖的View * @return 当指定的View是我们需要的View时，返回true */ boolean layoutDependsOn(@NonNull...onStopNestedScroll():看名字就知道了，当停止滑动时调用的方法，主要是执行当滑到一般停止时要怎么恢复还是隐藏商品列表的判断 onNestedFling(): 当手指快速一划时所触发的方法

8981 0

CoordinatorLayout+AppBarLayout实现上滑隐藏ToolBar-Android M新控件

滚动事件,那么在CoordinatorLayout布局里其它标记了app:layout_behavior的子View（LinearLayout、RecyclerView、NestedScrollView...标记了layout_scrollFlags滚动事件，那么当LinearLayout滚动时便可触发ToolBar中的layout_scrollFlags效果即往上滑动隐藏ToolBar，下滑出现ToolBar...enterAlways 这个flag让任意向下的滚动都会导致该view变为可见，启用快速“返回模式”。...enterAlwaysCollapsed 当你的视图已经设置minHeight属性又使用此标志时，你的视图只能已最小高度进入，只有当滚动视图到达顶部时才扩大到完整高度 exitUntilCollapsed...，如果设置了ViewPager，那么ViewPagerAdapter中的getPageTitle()方法返回的就是Tab上的标题 ViewPager设置代码： ViewPager mViewPager

2.2K3 0

自定义 Behavior - 仿新浪微博发现页的实现

从效果图，我们可以看到在 open 状态下，我们向上滑动 ViewPager 里面的 RecyclerView 的时候，RecyclerView 并不会向上移动（RecyclerView 的滑动事件交给...当 Tab 滑动到顶部的时候，我们向上滑动 ViewPager 里面的 RecyclerView 的时候，RecyclerView 可以正常向上滑动，即此时外部容器没有拦截滑动事件。...需要实现的效果为：在页面状态为 open 的时候，向上滑动 Header 的时候，整体向上偏移，ViewPager 里面的 RecyclerView 向上滑动的时候，消费其滑动事件，并整体向上移动。...---- Header 部分的实现 Header 部分实现的两个关键点在于在页面状态为 open 的时候，ViewPager 里面的 RecyclerView 向上滑动的时候，消费其滑动事件，并整体向上移动...在页面状态为 close 的时候，不消耗 RecyclerView 的滑动事件在页面状态为 open 的时候，向上滑动 Header 的时候，整体向上偏移。

8782 0

ViewPager2实现内部Item的动态滚动

当然RecyclerView也可以，用一个仿抖音的那种 LayoutManager 就行，但是为什么不呢，因为涉及到了视频播放，手动去处理一些生命周期和懒加载，总是非常麻烦，而且ViewPager2本身就是基于...ViewPager2.fakeDragBy(x) 内部最终是调用了RecyclerView的 scrollBy() ，也就是相对滑动,哦原来如此，难怪调了一下，滑了这么远。...解决方法既然如此，ViewPager2是基于RecyclerView，那么我去调用RecyclerView滚动不就行吗，思路如下： ViewPager2-> RecyclerView, RecyclerView...-item动态滚动问题。...需要注意的点就如我上面最开始分析时所述，如果详情页是可滑动的，那么就必须处理一下滑动冲突，相应的方式也很简单，使用内部拦截法，让滑动的View优先获得事件即可，当处于滑动View顶部时，再将事件还给父

1.7K2 0

ViewPager2：官方Viewpager升级版来临

看了上面这些介绍，有一点比较吸引人的就是支持竖向滚动了，这是怎么实现的呢？...ViewPager2也能很容易地支持这两种滚动方向了，而几乎不需要添加任何多余的代码。...); 熟悉RecyclerView的同学都知道，SnapHelper用于辅助RecyclerView在滚动结束时将Item对齐到某个位置。...PagerSnapHelper的作用让滑动结束时使当前Item居中显示，并且限制一次只能滑动一页，不能快速滑动，这样就和viewpager的交互很像了。...layout_width="match_parent" android:layout_height="200dp" android:orientation="vertical" /> 在代码中设置一个普通的

1.8K1 0

通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout

Scroll: 表示向下滚动时,这个View会被滚出屏幕范围直到隐藏. enterAlways: 表示向上滚动时,这个View会随着滚动手势出现,直到恢复原来的位置. enterAlwaysCollapsed...exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。...，它可以控制包含在CollapsingToolbarLayout中的控件在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端)。...CollapsingToolbarLayout的子View中可以设置这两个属性 1、ayout_collapseMode (折叠模式) - 有两个值: pin - 设置为这个模式时，当CollapsingToolbarLayout...parallax - 设置为这个模式时，在内容滚动时，CollapsingToolbarLayout中的View（比如ImageView)也可以同时滚动，实现视差滚动效果，通常和layout_collapseParallaxMultiplier

2.3K9 0

RecyclerView详解

RecyclerView是support-v7包中的新组件，是一个强大的滑动组件，与经典的ListView相比，同样拥有item回收复用的功能，但是直接把viewholder的实现封装起来，用户只要实现自己的...在android滑动组件嵌套一般思路，多任务手势思路，触摸传递思路，【例】listview嵌套viewpager 中我介绍了ListView嵌套ViewPager显示图片的办法。...也就是说，如果你简单地将ViewPager的每页显示数设置为你需要的值，之后设置的动画很可能并不是你需要的效果（因此之前我在嵌套时去掉了ViewPager的动画，稍微有点失望）。...·滑动速度加快，因为ViewPager并不是ViewsPager。。。一次长距离的滑动可能只造成1~2张图片的滚动，一点也不像gallery，这是我用RecylcerView替代它的主要原因。...基于原来的代码，我构建了MyRecyclerGallery,保留了原来的触摸事件，现在滑动起来舒服多了： ? 你可以看到滑动时还有滚动条。

1.3K10 0

ViewPager2打造轮播Banner

[效果图] 上图是天津地铁APP的Banner也是本文要实现的效果一、如何使用ViewPager2 ①在app下的build.gradle文件中添加如下依赖implementation "androidx.viewpager2...实现它的圆角需要写一个style ④我们都知道ViewPager2的适配器和RecyclerView的使用一样，这里就不贴代码了 ⑤最后我们给ViewPager2设置上adapter即可二、轮播图左右无线滑动...newList.add(item) } newList.add(pic[0]) 最后一位添加第一张图当ViewPager2滑动到第0位和最后一位时的处理分别如下位置处理 currentPosition...我们知道触摸调用setOnTouchListener即可，但是给ViewPager2使用的时候你会发现不起作用。...ViewPager2是一个视图组，未调用setOnTouchListener是因为recyclerview拦截事件并首先调用onTouchEvent bannerVp.getChildAt(0)给它设置监听即可

1.8K3 0

recyclerView 进阶知识

5. recyclerViewPager 三方框架左右view将中间的view裁剪掉了，这是和viewPager相似的问题，绘制Item的时候存在顺序，需要自己动态调试下三使用recyclerView...本人是在recyclerView 从内存中重启的时候，想保存一个排序和原始数据恢复位置时遇到。...基本上看stackoverflow和issue下面的回答，有帮助的大意是：recyclerView 的数据刷新不同步（导致滚动位置无法定位或调用scrollToPosition时不同步）。...当recyclerView的数据项不满一屏时，且此时recyclerView的item由展开到折叠，此时存在视觉上的ui缓存。即该折叠项依然占据展开式的位置。...此时，进行点击事件或滑动事件时，缓存的数据消失。而采用stackoverflow上消去drawingcache 的方法没有作用： https://www.google.com.sg/url?

1.2K4 0

ViewPager中Fragment状态保存的哪些事

引言在使用 ViewPager 时 , 如果我们的适配器使用的是 FragmentStatePagerAdapter ，那么当我们重新滑到之前已销毁的页面时，一般情况下页面的状态依然将保持不变(比如...RecyclerView 的滚动位置等,EditText 的输入内容等), 或者说 View 历史状态被还原了。...Fragment 内部是一个 RecyclerView，其数据源来自 activity级的ViewModel(即我们对数据根据key做了缓存,避免每次的重新初始化) 我们做一个滚动测试,然后再看看 Fragment...重新创建后 View状态(RecyclerView滚动位置) 的变化，如下所示：因为默认缓存为 n(1)+2 ,即当我们滑动到 item=3 时，1 页面此时已被销毁。...但当我们重新切换到 1 时，可以发现，Fragment1 中 RecyclerView 的滚动位置没有变化，所以可以证明 Fragment 的状态的确是被还原了。那这是怎么做的呢？

1.4K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭