首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ViewPager2实现内部Item的动态滚动

当然RecyclerView也可以,用一个仿抖音的那种 LayoutManager 就行,但是为什么不呢,因为涉及到了视频播放,手动去处理一些生命周期和懒加载,总是非常麻烦,而且ViewPager2本身就是基于...但是首先你要考虑的东西就很多,如果视频详情页超出一屏呢,也就是内部用了 RecyclerView或者NestedScrollView 呢,是不是还需要处理一下滑动冲突,当然这也不是很困难,内部拦截法就可以搞定...解决方法 既然如此,ViewPager2是基于RecyclerView,那么我去调用RecyclerView滚动不就行吗,思路如下: ViewPager2-> RecyclerView, RecyclerView...需要注意的点 就如我上面最开始分析时所述,如果详情页是可滑动的,那么就必须处理一下滑动冲突,相应的方式也很简单,使用内部拦截法,让滑动的View优先获得事件即可,当处于滑动View顶部时,再将事件还给父...后续 当然用ViewPager2去写仍然有种大材小用的感觉,毕竟只有两个item,所以,比较好的方式依然是使用自定义的滑动ViewGroup实现,所以我会在下篇博客来以一个自定义的方式来解决此问题。

1.7K20

ViewPager2:官方Viewpager升级版来临

目前还只是推出了第一个预览版,我们可以直接引入来使用了: implementation 'androidx.viewpager2:viewpager2:1.0.0-alpha01' 我们先来看看有哪些功能和使用上的变化...简单解析 通过查看源码得知,ViewPager2是直接继承ViewGroup的,意味着和ViewPager不兼容,类注释上也写了它的作用是取代ViewPager,不过短时间内ViewPager应该还不会被废弃掉...; 所以很清楚得知,ViewPager2的核心实现就是RecyclerView+LinearLayoutManager了,因为LinearLayoutManager本身就支持竖向和横向两种布局方式,所以...ViewPager2也能很容易地支持这两种滚动方向了,而几乎不需要添加任何多余的代码。...); 熟悉RecyclerView的同学都知道,SnapHelper用于辅助RecyclerView在滚动结束时将Item对齐到某个位置。

1.8K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android-ViewPager2

    今天我们介绍一下猪脚-ViewPager2,ViewPager2的出现是为了替代ViewPager,它有以下几个优势: 支持RTL布局, 支持竖向滚动 支持notifyDataSetChanged RTL...registerOnPageChangeCallback替换了原来的 addPageChangeListener ViewPager2是直接继承ViewGroup的,意味着和ViewPager不兼容.ViewPager2...的核心实现就是RecyclerView+LinearLayoutManager了,因为LinearLayoutManager本身就支持竖向和横向两种布局方式,所以ViewPager2也能很容易地支持这两种滚动方向了...具体使用我查看了Google的github仓库,地址 :ViewPager2 注意Github的ViewPager2是Kotlin版本,我在这里给大家翻译成Java版本进行解读。...itemView); tvPage =itemView.findViewById(R.id.tv_baseitem_page); } } } Activity中的代码

    1.5K20

    Android开发笔记(一百七十二)第二代翻页视图ViewPager2

    正如RecyclerView横空出世取代ListView和GridView那样,Android也推出了二代翻页视图ViewPager2,打算替换原来的翻页视图ViewPager。...与ViewPager相比,ViewPager2支持更丰富的界面特效,包括但不限于下列几点: 1、不但支持水平方向翻页,还支持垂直方向翻页; 2、支持RecyclerView.Adapter,允许调用适配器对象的...notifyItem***方法,从而动态刷新某项视图; 3、除了当前页,也支持展示左右两页的部分区域; 4、支持在翻页过程中展示自定义的切换动画; 虽然ViewPager2增加了这么棒的功能,但它用起来非常简单...适配器的代码片段示例如下: public class MobileRecyclerAdapter extends RecyclerView.AdapterRecyclerView.ViewHolder...先在测试页面的Java代码中补充下面几行:     // ViewPager2支持展示左右两页的部分区域     RecyclerView cv_content = (RecyclerView) vp2

    2.3K30

    ViewPager2打造Banner轮播图

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

    2.2K50

    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...这里采用了view的postDelayed方法进行实现 mLooper是我定义的Runnable,后面会讲原因 滑动实现了,但启停时机也很重要 所以这里选用onWindowFocusChanged因为它在窗体失去和获得焦点的时候会通知我们...ViewPager2是一个视图组,未调用setOnTouchListener是因为recyclerview拦截事件并首先调用onTouchEvent bannerVp.getChildAt(0)给它设置监听即可

    1.8K30

    Android ViewPager2 真的香么?

    和尚当前 SDK 已是最新版本,首先按照提示在 AndroidManifest->application 添加错误中要求的,但是并不能解决问题,之后查阅了很多资料,发现 Androidx 与 Android...尝试 和尚尝试绑定不同背景色和文字内容;与 ViewPager 不同的是,适配器需要使用 RecyclerView.Adapte,这也意味着绑定数据的方式更灵活,和尚为了测试 ViewPager2...() 方法可以动态调整内容展示方位,从左到右或从右到左; 此时感觉 ViewPager2 真的很方便,尤其是实时更新数据和动态调整切换方向,真香!...supportsRtl="true" 属性; 内边距和外边距建议设置 start/end 方式; ViewPager2 中设置 setLayoutDirection 时,整个 ViewPager2 不仅子...小结 和尚在学习过程中发现 ViewPager2 确实有很大优势,只是目前还没有发布到正式版,而且对于版本适配也会有一定难度,对于 Fragment 的懒加载与预加载还有待研究;但是学习体验一下还是很有帮助的

    2.1K31

    【ViewPager2避坑系列】瞬间暴增数个Fragment

    3 初步原因MATCH_PARENT计算失效 ViewPager2目前只支持ItemView的布局参数是MATCH_PARENT,就是填充父布局的效果;由于ViewPager2是基于RecyclerView...,所以关注的重点转移到RecyclerView.onMeasure()上,RecyclerView对子View的计算和布局逻辑在LayoutManager中,所以本例子重要看LinearLayoutManager...中徘徊;对比差别就是MeasureMode = UNSPECIFIED,所以问题应该出在MeasureMode = UNSPECIFIED上; 4 如何产生的UNSPECIFIED 和水平方向,我们这里选择measureHorizontal()入手; ?...=UNSPECIFIED,结果返回传入的size,在FrameLayout中是maxWidth和maxHeight,而并不是parent给予的specSize; 4.3 为何整体会测量两遍 这是由于FrameLayout

    7.7K30

    Android:让你明明白白的使用RecyclerView——SnapHelper详解

    然后松手,RecyclerView中的内容会顺着惯性继续往手指滑动的方向继续滚动直到停止,这个过程叫做Fling。...RecyclerView.smoothScrollBy()这个方法的实现原理这里就不展开了 ,它的作用就是根据参数平滑滚动RecyclerView的中的ItemView相应的距离。...接下来就去创建平滑滚动器SmoothScroller的一个实例,layoutManager可以通过该平滑滚动器来进行滚动操作。...就是正常模式下SmoothScroller通过setTargetPosition()方法设置的ItemView只能滚动到与RecyclerView边缘对齐,而解决这个局限的处理方式就是在SmoothScroller...到RecyclerView中间位置的距离,可以支持水平方向滚动和竖直方向滚动两个方向的计算。

    6.2K40

    Android--RecyclerView嵌套RecyclerView优化

    我们在使用RecyclerView嵌套RecyclerView时,会觉得卡顿,操作不是很顺畅 RecyclerView嵌套RecyclerView滑动.gif 在这个现象中,我们想要水平滑动时,却竖直滑动了...我们观察RecyclerView的源码,在onInterceptTouchEvent方法中对事件做了处理 @Override public boolean onInterceptTouchEvent...中只做了距离判断,只要滑动的距离大于系统的默认滑动距离阈值,则本身进行滑动,这就导致了为什么我们水平滑动的时候,子RecyclerView接收不到Touch事件的原因,我们针对这点进行优化 /** *...,才拦截,如果自身又能水平滑动的情况,就不判断两个滑动距离大小 if ((getLayoutManager().canScrollVertically() &&...onTouch事件,一般被子类调用getParent.requestDisallowInterceptTouchEvent(true) * 比如快速水平滑动子view的时候,这时我们想去竖直滑动父类

    1.8K20

    【Android从零单排系列二十六】《Android视图控件——ScrollView》

    在ScrollView中,只能包含一个直接子视图(ViewGroup),通常是一个垂直方向的线性布局或相对布局。如果需要水平滚动效果,可以使用HorizontalScrollView作为替代。...android:scrollbars:定义滚动条的显示方式。可选值有"none"(不显示)、"vertical"(只显示垂直滚动条)和"horizontal"(只显示水平滚动条)。...常见方法: scrollTo(int x, int y):将ScrollView滚动到指定的位置,参数x和y分别代表目标位置的水平和垂直偏移量。...smoothScrollTo(int x, int y):平滑地将ScrollView滚动到指定的位置,会有滚动动画效果。...在处理大数据集或需要与后端交互的情况下,推荐使用RecyclerView等更高级的容器组件来动态加载和展示数据,从而提供更好的性能和用户体验。

    45820

    ViewPager2+Fragment操作笔记

    ViewPager2底层基于RecyclerView实现,因此可以获得RecyclerView带来的诸多收益: 抛弃传统的PagerAdapter,统一了Adapter的API; 横向、竖向布局都可以实现自由滑动...他们偶尔会搭配TabLayout一起使用,相关代码直接阅读或者运行 ViewPager2官网Samples 即可,这里不做重复的讲解。 下面主要讲一下在使用过程中遇到的问题~!...requestDisallowInterceptTouchEvent(false) } } } ViewPager2中Fragment的懒加载 懒加载 一般我们使用Fragment...hidden) { onUserVisible(); } else { onUserGone(); } } 但在ViewPager2中,Fragment的setUserVisibleHint...使用:ViewPager2官网Samples DiffUtil 局部更新 DiffUtil和它的差量算法 总结 本文主要介绍了ViewPager2配合Fragment的使用方法以及在使用过程中需要注意的问题

    4.3K31

    怎样在Android上实现一个iOS多任务列表效果

    ,滚动过程中,ViewPager会回调transformPage(View page, float position),在这里面做想要的变化就行,PageTransformer具体的使用方法这里不细讲,...先看现有ViewPager在onTouchEvent里对于Up事件是怎么处理的。...总结 最后总结一下,本篇介绍了如何基于ViewPager,实现了一个类似iOS多任务列表效果,主要目的在于验证方案的可行性,即如何在已有控件的基础上快速复用来实现我们要的效果,虽然效果实现出来了,但对比...更新:        偶然看到androidx包下多了个ViewPager2,吃惊,看一下代码,注释如下: 1.png        可以看到,ViewPager2已经支持了从右到左的布局了,也支持竖向布局...,其源码实现是封装了RecyclerView,但接口几乎和ViewPager一致,也解决了RecyclerView不能直接使用Fragment的问题,腻害呀!

    3.7K60

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

    作者最后建议使用RecyclerView多布局。 但其实在真实应用中,可能 头部 和 列表 的数据来自不同的接口,当列表的数据请求失败时要展示缺省图,但头部还是会展示。...中 也有RecyclerView,处理外层、内层 RecyclerView的嵌套滑动问题 * 类似淘宝、京东首页 * */ public class NestedScrollingParent2LayoutImpl3...,大于想要滚动的距离,内层自行处理 }else { //内层已滚动的距离,小于想要滚动的距离,那么内层消费一部分,到顶后,剩的外层滑动...相当于一个事假序列分发了两次,避免了常规事件分发 父view拦截后子view无法处理的问题。 onNestedPreScroll中的具体处理,请看代码,有详细注释。...套viewPager, viewPager内的fragment中 也有RecyclerView,处理外层、内层 RecyclerView的嵌套滑动问题,类似淘宝、京东首页。

    3.8K31

    Android MVVM框架搭建(四)RecyclerVIew + ViewPager2 + BaseQuickAdapter

    Android MVVM框架搭建(四)RecyclerVIew + ViewPager2 + BaseQuickAdapter 前言 正文 一、图片列表数据 二、新增访问地址和接口 三、访问接口 四、RecyclerView...热门壁纸数据处理 八、ViewPager2显示数据 1. 布局使用ViewPager2 2. BaseQuickAdapter使用 3. PictureRepository 4....正文   在上一篇文章中,我讲述了怎么使用Room和MMKV去管理本地数据,本文将是不一样的介绍方式,因为会和页面打交道比较多,所以会比上一篇更有意思,起码我是这么觉得的。...热门壁纸数据处理   下面进入MainRepository中去对热门壁纸的数据进行处理,之前是只有从数据库中获取数据,现在可以通过本地数据库获取。...因为ViewPager2可以在setAdapter时直接设置RecyclerView.Adapter,很方便,因此这里同样需要一个适配器,这里的适配器我不打算用原生的来写。 2.

    2.1K20

    Android MVVM框架搭建(四)RecyclerVIew + ViewPager2 + BaseQuickAdapter

    Android MVVM框架搭建(四)RecyclerVIew + ViewPager2 + BaseQuickAdapter 前言 正文 一、图片列表数据 二、新增访问地址和接口 三、访问接口 四、RecyclerView...热门壁纸数据处理 八、ViewPager2显示数据 1. 布局使用ViewPager2 2. BaseQuickAdapter使用 3. PictureRepository 4....正文   在上一篇文章中,我讲述了怎么使用Room和MMKV去管理本地数据,本文将是不一样的介绍方式,因为会和页面打交道比较多,所以会比上一篇更有意思,起码我是这么觉得的。...热门壁纸数据处理   下面进入MainRepository中去对热门壁纸的数据进行处理,之前是只有从数据库中获取数据,现在可以通过本地数据库获取。...因为ViewPager2可以在setAdapter时直接设置RecyclerView.Adapter,很方便,因此这里同样需要一个适配器,这里的适配器我不打算用原生的来写。 2.

    2.8K10
    领券