ViewPager2+Fragment操作笔记

最新推荐文章于 2024-08-13 18:41:42 发布
最新推荐文章于 2024-08-13 18:41:42 发布
阅读量717 收藏 22
点赞数 27
分类专栏： 程序员 文章标签： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FZBH_Q/article/details/137637778
版权

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

上滑吸顶

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)
fragments[value] = cardFragment
return cardFragment
}

/**

  • 根据数据生成唯一id
  • 如果不重写，那么在调用[notifyDataSetChanged]更新的时候

*/
override fun getItemId(position: Int): Long {
return data[position].toLong()
}

/**

  • 用来判断当前id对应的fragment是否添加过
    */
    override fun containsItem(itemId: Long): Boolean {
    data.forEach {
    if (it.toLong() == itemId) {
    return true
    }
    自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

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

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

img

img

img

img

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

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

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

最后

跳槽季整理面试题已经成了我多年的习惯！在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

[外链图片转存中…(img-dgMjJwyj-1712816255451)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

ViewPager2+Fragment操作笔记(1)
2301_76327109的博客
04-09 939
ViewPager2官网介绍ViewPager2官网Samples距离ViewPager2正式版的发布已经一年多了，目前ViewPager早已停止更新，官方鼓励使用ViewPager2替代。ViewPager2底层基于实现，因此可以获得抛弃传统的，统一了Adapter的API；横向、竖向布局都可以实现自由滑动；支持DiffUitl，可以实现局部刷新；支持RTL（right-to-left），对于一些有出海需求的APP非常有用；支持，搭配实现炫酷的跳转动画；ViewPager2更多的是配合。
ViewPager2和Fragment的组合使用
热门推荐
m0_47761892的博客
07-29 2万+
2019年11月20号，期待已久的ViewPager2 正式版终于发布了！ 一、ViewPager2的新特性 ViewPager2从名字就可以看出来它是ViewPager的升级版，既然是升级版那么它相比ViewPager有哪些新功能和哪些API变化呢？我们接着往下看。 1.ViewPager2新特性 基于RecyclerView实现。这意味着RecyclerView的优点将会被ViewPager2所继承。支持竖直滑动。只需要一个参数就可以改变滑动方向。支持关闭用户输入。通过setUserInputEnabl
ViewPager2+Fragment
victorrrrt的博客
06-30 7978
ViewPager2 的使用和介绍
Android ViewPager2（一）
最新发布
dbfksnbxcnnc的博客
08-13 1078
ViewPager2是 Android Jetpack 组件的一部分，旨在取代老旧的ViewPager。它主要用于在多个页面之间滑动切换，适合展示分屏内容，如教程引导页、图片浏览器等。与ViewPager不同，ViewPager2使用了作为底层技术，因此拥有更灵活的功能和更好的性能。ViewPager2支持横向和纵向滑动、Fragment 的更高效管理。
Android ViewPager2 + FragmentStateAdapter 的使用以及问题
zyppxx的博客
05-28 3731
主要讲述了viewPage2嵌套使用过程中的一些问题以及导致这些问题的原因，总结起来无非以下几点： - viewPage2销毁fragment后依旧会持有其对象信息，并标记在adapter中的mFragments中，在后续复现时不会再进行对象的创建 - 将Binding设置成null并不一定会导致viewPage2的重绘，其依旧可能保留自己原始数据。 - viewPape2在进行setAdapter方法的过程中会将自己持有的fragment对象标记信息设置到FragmentStateA
ViewPager2+Fragment操作笔记，【面试总结】
m0_61418295的博客
09-06 618
} else { this.parent?.requestDisallowInterceptTouchEvent(false) } } else { // TODO: 2021/4/8 目前没有实现上下滑动和 [androidx.viewpager2.widget.ViewPager2]上下滑动的冲突 } } else { handleDefaul...
Android Material Design 系列之 TabLayout + ViewPager + Fragment 使用详解
一名互联网时代苟且偷生的 Android码农
06-20 4834
前言 本文是 Material Design 系列第三篇：TabLayout + ViewPager + Fragment 基本使用，Material Design 所有控件属于高级 UI，所以 Material Design 控件是中高级工程师必备技能。现在市面上很多主流界面效果都是采用 Material Design 风格控件完成。希望博主 Material Design 系列文章对各位初学者有所帮助，也为自己学习做详细笔记。 一、TabLayout 方法介绍 1、addTab（TabLayout.T
安卓：TabLayout+ViewPager2+Fragment使用(java)
qq_72250569的博客
04-27 2475
安卓：TabLayout+ViewPager2+Fragment使用(java)
ViewPager2+Fragment联动
tzztzz01的博客
08-30 526
【代码】ViewPager2+Fragment联动。
ViewPager结合Fragment的简单使用
12-06
ViewPager结合Fragment的简单使用
Android的Viewpage2+fragment实现微信滑动界面的效果
10-16
Android移动应用开发之Viewpage2+fragment实现微信滑动界面的效果
Android ViewPager2 + Fragment 联动
qq_34285557的博客
12-01 2444
Android ViewPager2 + Fragment 联动 本篇主要介绍一下 ViewPager2 + Fragment , 上篇中简单使用了ViewPager2 实现了一个图片的滑动效果, 那图片视图可以滑动, ViewPager2也可以滑动 Fragment 概述 ViewPager2 官方对它的描述就是 以可滑动的格式显示视图或 Fragment 也就说明提供了滑动Fragment的实现 并且还很简单, 下面来看看吧 实现思路 1.Activity 布局文件中引入 ViewPager2
最详细的Fragment+ViewPager2使用详解
qq_65337539的博客
10-20 5734
最详细的Fragment+ViewPager2使用详解
ViewPager2+Fragment实现页面的循环切换，如直播页面的垂直循环切换
qq_1125213018的专栏
04-18 6092
如题，如果想做一个直播页面的垂直循环切换，在没有AndroidX的时候呢，是改一下官方的ViewPager，让它可垂直切换，如果想实现循环切换，可能会有白屏的情况。 现在有了AndroidX，强大的ViewPager2来了，可横向滑动，也可垂直滑动，只需设置 android:orientation="vertical" 属性，就可改变切换方向。 如果想实现ViewPager2的无限循环，以前有两个思路： 1、将viewpager上限设置成一个很大的数，Integer.MAX_VALUE第一个页.
ViewPager（二）：与Fragment的结合
bugmiao的博客
01-04 411
ViewPager往往和Fragment一起使用，这样不仅可以将Fragment强制添加切换效果，还可以在填充ViewPager时将View替换为Fragment，使其具有生命周期。 Fragment是Activity的碎片，所以Fragment和Activity一样具有生命周期，所以ViewPager和Fragment结合使用的框架已在很多大型项目上使用。 【适配器如何选择】 ViewPager必须使用PagerAdapter适配器，当结合Fragment时，官方给我们提供了两种适配器：Fragmen.
ViewPager2 + Fragment + TabLayout 的使用实现类似微信的底部导航栏（kotlin）
weixin_45829525的博客
07-05 2104
文章目录效果实现方案ViewPager2 + Fragment 的使用TabLayout 的使用 效果 实现方案 ViewPager2 + Fragment 的使用 本文实现上述效果采用的方案为：ViewPager2 + Fragment + TabLayout，总体布局为在一个 Activity 中嵌入 ViewPager2 与 TabLayout 两个控件，再使用 ViewPager2 对 3 个 Fragment进行管理，最后对 TabLayout 中的 item 和对应的 Fragment 之间进
ViewPager2+Fragment上下滑Fragment生命周期
06-06
在使用ViewPager2+Fragment时，每个Fragment的生命周期会在ViewPager2的切换过程中被调用，具体如下： 1. onAttach()：当Fragment与Activity建立关联时调用。 2. onCreate()：当Fragment被创建时调用。 3. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值