ViewPager2+Fragment操作笔记(1)

最新推荐文章于 2024-07-25 15:39:18 发布
最新推荐文章于 2024-07-25 15:39:18 发布
阅读量1k 收藏 24
点赞数 7
分类专栏： 程序员 文章标签： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84132723/article/details/137401310
版权

ViewPager2简介

ViewPager2官网介绍

ViewPager2官网Samples

距离ViewPager2正式版的发布已经一年多了，目前ViewPager早已停止更新，官方鼓励使用ViewPager2替代。 ViewPager2底层基于RecyclerView实现，因此可以获得RecyclerView带来的诸多收益：

  • 抛弃传统的PagerAdapter，统一了Adapter的API；
  • 横向、竖向布局都可以实现自由滑动；
  • 支持DiffUitl，可以实现局部刷新；
  • 支持RTL（right-to-left），对于一些有出海需求的APP非常有用；
  • 支持ItemDecorator，搭配PageTransformer实现炫酷的跳转动画；

ViewPager2更多的是配合Fragment的使用，这需要借助于FragmentStateAdapter。

他们偶尔会搭配TabLayout一起使用，相关代码直接阅读或者运行 ViewPager2官网Samples 即可，这里不做重复的讲解。

下面主要讲一下在使用过程中遇到的问题~！

实际操作效果

上滑吸顶+标题页面左右滑动+横滑和竖滑列表+标题页面数据和数量更新

上滑吸顶

CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout

左右滑动

ViewPager2+TabLayout+Fragment

横滑和竖滑列表

RecycleView+NestedScrollableHost

标题页面数据和数量

TabLayoutMediator+声明周期检测+缓存优化

viewpage2_tabLayout_nestedscroll.gif

RecycleView和Viewpage2的滑动冲突

/**

  • Created by Tanzhenxing
  • Date: 2021/4/7 7:04 下午
  • Description:解决 [RecyclerView] 嵌套到 [androidx.viewpager2.widget.ViewPager2] 左右滑动冲突
  • 目前只解决了左右滑动冲突
    */
    class RecyclerViewAtViewPager2 : RecyclerView {
    constructor(context: Context) : this(context, null)
    constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0)
    constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr)

var x1 = 0f
var x2 = 0f
override fun dispatchTouchEvent(event: MotionEvent?): Boolean {
if(event!!.action == MotionEvent.ACTION_DOWN) {
x1 = event.x
} else if(event.action == MotionEvent.ACTION_MOVE) {
x2 = event.x
} else if (event.action == MotionEvent.ACTION_CANCEL
|| event.action == MotionEvent.ACTION_UP) {
x2 = 0f
x1 = 0f
}
val xOffset= x2-x1
if (layoutManager is LinearLayoutManager) {
val linearLayoutManager = layoutManager as LinearLayoutManager
if (linearLayoutManager.orientation == HORIZONTAL) {
if ((xOffset <= 0 && canScrollHorizontally(1))
|| (xOffset >= 0 && canScrollHorizontally(-1))) {
this.parent?.requestDisallowInterceptTouchEvent(true)
} else {
this.parent?.requestDisallowInterceptTouchEvent(false)
}
} else {
// TODO: 2021/4/8 目前没有实现上下滑动和 [androidx.viewpager2.widget.ViewPager2]上下滑动的冲突
}
} else {
handleDefaultScroll()
}

return super.dispatchTouchEvent(event)
}

fun handleDefaultScroll() {
val canScrollHorizontally = canScrollHorizontally(-1) || canScrollHorizontally(1)
val canScrollVertically = canScrollVertically(-1) || canScrollVertically(1)
if (canScrollHorizontally || canScrollVertically) {
this.parent?.requestDisallowInterceptTouchEvent(true)
} else {
this.parent?.requestDisallowInterceptTouchEvent(false)
}
}
}

ViewPager2中Fragment的懒加载

懒加载

一般我们使用Fragment对页面进行数据懒加载的时候都是通过onHiddenChanged方法判断显示和隐藏，在第一次展现出来的时候再进行接口调用。

@Override
public final void onHiddenChanged(boolean hidden) {
super.onHiddenChanged(hidden);
if (!hidden) {
onUserVisible();
} else {
onUserGone();
}
}

但在ViewPager2中，Fragment的setUserVisibleHint和onHiddenChanged方法都是不执行的。

  • ViewPager展现第一个页面，然后切后台的日志：

04-17 16:45:10.992 D/tanzhenxing:11(22006): onCreate
04-17 16:45:10.992 D/tanzhenxing:11(22006): onCreateView:
04-17 16:45:11.004 D/tanzhenxing:11(22006): onActivityCreated
04-17 16:45:11.004 D/tanzhenxing:11(22006): onViewStateRestored: 184310198
04-17 16:45:11.004 D/tanzhenxing:11(22006): onStart
04-17 16:45:11.004 D/tanzhenxing:11(22006): onResume
04-17 16:45:18.739 D/tanzhenxing:11(22006): onPause
04-17 16:45:18.779 D/tanzhenxing:11(22006): onStop

然后在切回前台的日志：

04-17 16:53:40.749 D/tanzhenxing:11(22006): onStart
04-17 16:53:40.752 D/tanzhenxing:11(22006): onResume

  • ViewPager展现第一个页面，然后手动滑动到第二个页面日志：

04-17 16:54:44.168 D/tanzhenxing:12(22006): onCreate
04-17 16:54:44.168 D/tanzhenxing:12(22006): onCreateView:
04-17 16:54:44.178 D/tanzhenxing:12(22006): onActivityCreated
04-17 16:54:44.178 D/tanzhenxing:12(22006): onViewStateRestored: 47009644
04-17 16:54:44.178 D/tanzhenxing:12(22006): onStart
04-17 16:54:44.553 D/tanzhenxing:11(22006): onPause
04-17 16:54:44.554 D/tanzhenxing:12(22006): onResume

这样看起来我们是可以利用Fragment声明周期中的onStart和onResume方法做懒加载。

预加载

只要讲数据请求写在 onCreateView 或者onStart中就能进行接口的离屏请求。

FragmentStateAdapter

ViewPager2继承自RecyclerView，大概率FragmentStateAdapter继承自RecyclerView.Adapter：

public abstract class FragmentStateAdapter extends
RecyclerView.Adapter implements StatefulAdapter {
}

onCreateViewHolder

onCreateViewHolder是RecycleVeiw用于创建ViewHolder的方法：

@NonNull
@Override
public final FragmentViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType){
return FragmentViewHolder.create(parent);
}

FragmentViewHolder的主要作用是通过FrameLayout为Fragment提供用作容器的container：

@NonNull
static FragmentViewHolder create(@NonNull
ViewGroup parent) {
FrameLayout container = new FrameLayout(parent.getContext());
container.setLayoutParams(new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT));
container.setId(ViewCompat.generateViewId());
container.setSaveEnabled(false);
return new FragmentViewHolder(container);
}

onBindViewHolder

onBindViewHolder是RecycleVeiw用于数据绑定的方法：

@Override
public final void onBindViewHolder(final @NonNull FragmentViewHolder holder, int position) {
/**部分代码省略 */
ensureFragment(position);
/**部分代码省略 */
gcFragments();
}

ensureFragment(position)，其内部会最终回调用createFragment创建当前Fragment。

private void ensureFragment(int position) {
long itemId = getItemId(position);
if (!mFragments.containsKey(itemId)) {
// TODO(133419201): check if a Fragment provided here is a new Fragment
Fragment newFragment = createFragment(position);
newFragment.setInitialSavedState(mSavedStates.get(itemId));
mFragments.put(itemId, newFragment);
}
}

mFragments缓存创建的Fragment，供后面placeFramentInViewholder使用; gcFragments回收已经不再使用的的Fragment（对应的item已经删除），节省内存开销。

onViewAttachedToWindow

onViewAttachedToWindow是ViewHolder出现在页面中回调。

@Override
public final void onViewAttachedToWindow(@NonNull final FragmentViewHolder holder) {
//将FragmentViewHolder的container与当前Fragment绑定
placeFragmentInViewHolder(holder);
gcFragments();
}

FragmentStateAdapter使用

  • Fragment对象容器;
  • 生产fragment识别的id；

class MyFragmentStateAdapter(val data: List, fragment: Fragment) : FragmentStateAdapter(fragment){
private val fragments = mutableMapOf<Int, Fragment>()
override fun createFragment(position: Int): Fragment {
val value = data[position]
val fragment = fragments[value]
if (fragment != null) {
return fragment
}
val cardFragment =
NestedAllRecyclerViewFragment.create(value)
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后我还整理了很多Android中高级的PDF技术文档。以及一些大厂面试真题解析文档。

image

Android高级架构师之路很漫长，一起共勉吧！

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

最后我还整理了很多Android中高级的PDF技术文档。以及一些大厂面试真题解析文档。

[外链图片转存中…(img-YNwprCsS-1712301366836)]

Android高级架构师之路很漫长，一起共勉吧！

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！
2401_84132723
关注
  • 7
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android笔记：viewPager+fragment实现循环滚动
程龙的博客
05-13 2290
主要有两个思路： 1、viewPager的适配器 getCount() 方法返回Integer.max; getItem() 方法 返回 list.get(position%list.size()); 2、viewPager的适配器 getCount() 方法返回list.size(); getItem() 方法 返回 list.get(position),;处理最后一张继续滑和第一张继续...
ViewPager2和Fragment的组合使用
热门推荐
m0_47761892的博客
07-29 2万+
2019年11月20号，期待已久的ViewPager2 正式版终于发布了！ 一、ViewPager2的新特性 ViewPager2从名字就可以看出来它是ViewPager的升级版，既然是升级版那么它相比ViewPager有哪些新功能和哪些API变化呢？我们接着往下看。 1.ViewPager2新特性 基于RecyclerView实现。这意味着RecyclerView的优点将会被ViewPager2所继承。支持竖直滑动。只需要一个参数就可以改变滑动方向。支持关闭用户输入。通过setUserInputEnabl
ViewPager2+Fragment操作笔记
stven_king的专栏
05-14 1748
ViewPager2+Fragment操作笔记 文章目录ViewPager2+Fragment操作笔记ViewPager2简介实际操作效果RecycleView和Viewpage2的滑动冲突ViewPager2中Fragment的懒加载懒加载预加载FragmentStateAdapteronCreateViewHolderonBindViewHolderonViewAttachedToWindowFragmentStateAdapter使用获取Fragment实例异常处理ViewPager2滑动监听Tab
Android viewpager2 + fragment , viewpager2 为纵向滚动， 每个fragment 有 recycleView 的滚动处理方案
u014133383的博客
06-25 236
Android viewpager2 + fragment , viewpager2 为纵向滚动， 每个fragment 有 recycleView , 当recycleview 滚动到底部后再 滑动，则需要 滑动viewpager2。
ViewPager2+Fragment操作笔记，【面试总结】
m0_61418295的博客
09-06 576
} else { this.parent?.requestDisallowInterceptTouchEvent(false) } } else { // TODO: 2021/4/8 目前没有实现上下滑动和 [androidx.viewpager2.widget.ViewPager2]上下滑动的冲突 } } else { handleDefaul...
TabLayout+ViewPager2+Fragment简单使用（kotlin）
xiaiyul的博客
10-27 1076
TabLayout+ViewPager2+Fragment的使用
ViewPager和ViewPager+Fragment联合使用方法精炼详解
apple_4872330的专栏
04-22 1072
一、前期基础知识储备 使用了ViewPager, PagerSlidingTabStrip, SwipeRefreshLayout模仿Douban客户端的下拉刷新以及滑动的效果。 ViewPager—视图滑动切换工具——通过手势滑动可以完成View的切换，一般是用来做APP 的引导页或者实现图片轮播——意味着ViewPager中经常放的东西有两个：①图片，实现图片轮播器；②View视图，实现View 的切换，如应用启动页面。 ViewPager就是一个简单的页面切换组件，我们可以往里面填充多个Vi.
viewpager+fragment学习笔记
江南一点雨的专栏
07-20 2470
有暇，总结一下viewpager+fragment的使用。 先来看看效果图： 有三个标题，三个fragment，滑动时标题的颜色会随着变化。MainActivity.javapublic class MainActivity extends FragmentActivity { private ViewPager vp; private Fragment f1, f2, f3;
Android Material Design 系列之 TabLayout + ViewPager + Fragment 使用详解
一名互联网时代苟且偷生的 Android码农
06-20 4772
前言 本文是 Material Design 系列第三篇：TabLayout + ViewPager + Fragment 基本使用，Material Design 所有控件属于高级 UI，所以 Material Design 控件是中高级工程师必备技能。现在市面上很多主流界面效果都是采用 Material Design 风格控件完成。希望博主 Material Design 系列文章对各位初学者有所帮助，也为自己学习做详细笔记。 一、TabLayout 方法介绍 1、addTab（TabLayout.T
android : viewpager + fragment 页面导航栏
TGyanM的博客
05-22 363
viepager
Tab+Viewpage+Fragment实现导航
10-20
2. 初始化`ViewPager`并设置适配器，适配器需要继承自`FragmentPagerAdapter`或`FragmentStatePagerAdapter`，并实现其中的方法，如`getItem()`和`getCount()`，来返回对应的`Fragment`实例和页面数量。 3. 将`...
viewpage+fragment
06-04
标题“viewpage+fragment”指的是在Android开发中结合使用`ViewPager`和`Fragment`的实践示例。`ViewPager`是Android SDK中的一个组件，用于展示可滑动的页面视图，通常用于实现屏幕间的平滑过渡，比如在Tab布局中。...
androidfragment学习笔记.pdf
11-25
1. DialogFragment：用于创建对话框形式的Fragment，它可以被添加到Activity的back stack中，使得用户可以通过回退操作返回之前的状态。 2. ListFragment：类似于ListActivity，提供了一个内置的列表视图，并支持...
xamarin学习笔记A07(安卓Fragment)
07-25
本篇“xamarin学习笔记A07”将深入探讨如何在Xamarin.Android项目中使用Fragment。 Fragment是Android 3.0（API级别11）引入的，目的是为了更好地支持平板电脑和其他大屏幕设备上的多任务处理。在Xamarin中，我们...
vite5+vue3开发阅读APP实战笔记20240725
Python私教
07-25 592
修改src/page/home/index.vue，使用组件和API。注意，这里无论是组件还是API，都不需要我们手动引入，我们配置了自动导入以后，vite会帮我们自动导入。创建 src/page/home/index.vue。修改 vite.config.js。修改vite.config.js。修改 src/main.js。修改src/App.vue。
谷粒商城实战笔记-62-商品服务-API-品牌管理-OSS整合测试
epitomizelu的专栏
07-25 991
通过上述步骤，你可以在Java项目中轻松地整合阿里云OSS服务，实现文件的上传、下载等功能。阿里云OSS提供了丰富的API和工具，可以根据你的业务需求进一步定制和扩展。希望这篇博客能帮助你在Java项目中顺利整合阿里云OSS服务。如果有任何疑问或需要进一步的帮助，请随时提问！
谷粒商城实战笔记-63-商品服务-API-品牌管理-OSS获取服务端签名
最新发布
epitomizelu的专栏
07-25 1053
因此，上传文件涉及到第三方服务阿里云OSS，以后还会有第三方短信服务等，为了统一管理第三方服务，创建一个专门的模块third-party。
ViewPager2+Fragment上下滑Fragment生命周期
06-06
在使用ViewPager2+Fragment时，每个Fragment的生命周期会在ViewPager2的切换过程中被调用，具体如下： 1. onAttach()：当Fragment与Activity建立关联时调用。 2. onCreate()：当Fragment被创建时调用。 3. onCreateView()：当Fragment的布局被创建时调用。 4. onViewCreated()：当Fragment的布局被创建后调用。 5. onStart()：当Fragment可见时调用。 6. onResume()：当Fragment与用户交互时调用。 7. onPause()：当Fragment失去焦点时调用。 8. onStop()：当Fragment不再可见时调用。 9. onDestroyView()：当Fragment的布局被销毁时调用。 10. onDestroy()：当Fragment被销毁时调用。 11. onDetach()：当Fragment与Activity解除关联时调用。 在ViewPager2中，当用户滑动到一个新的Fragment时，会先调用新的Fragment的onAttach()、onCreate()、onCreateView()、onViewCreated()方法，然后再调用旧的Fragment的onPause()、onStop()、onDestroyView()、onDestroy()、onDetach()方法。当用户再次滑动回到旧的Fragment时，会先调用旧的Fragment的onAttach()、onCreate()、onCreateView()、onViewCreated()方法，然后再调用新的Fragment的onPause()、onStop()、onDestroyView()、onDestroy()、onDetach()方法。 需要注意的是，当ViewPager2中的Fragment被销毁后，会调用Fragment的onDestroy()方法，但Fragment的实例对象并没有被销毁，而是被保存在FragmentManager中，当用户再次滑动到该Fragment时，会重新调用Fragment的onCreate()方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值