ViewPager + Fragment 架构中如何处理预加载问题

最新推荐文章于 2024-03-19 20:08:17 发布
最新推荐文章于 2024-03-19 20:08:17 发布
阅读量409 收藏
点赞数
分类专栏： UI篇章
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39413778/article/details/113803663
版权

一、由于ViewPager设置setOffscreenPageLimit(0)无效，导致当前缓存的Fragment的数量总是 limit * 2 + 1 个，
在这里插入图片描述

假设 setOffscreenPageLimit(1)设置的是1，然后当前选中的是第一个Item，此时它也会把下一个Item对应的Fragment加载出来，并且走完该有的声明周期，如上图所示
二、分析原因是因为，这个是ViewPager的机制，始终会至少缓存2个Fragment，如何处理这个问题呢，接下来分析。
首先，搞明白整个调用流程，当我们调用 mViewPager.setAdapter(adapter);之后，紧接着就会调用populate(int newCurrentItem)方法，然后调用此方法
mAdapter.instantiateItem(this, position);这个方法中最终会调用到Fragment的setUserVisibleHint(boolean isVisibleToUser)这个方法。这个方法中的参数 isVisibleToUser 表示当前Fragment是否显示。
在这里插入图片描述
下面此图是 setUserVisibleHint 此方法真正的执行流程
在这里插入图片描述
三、为了解决上面的问题，看下面的代码，注意下面代码没有解决，ViewPager 嵌套Fragment，Fragment里面又嵌套ViewPager的情况，也就是双层嵌套。
宿主Activity的代码：

public class ViewPagerActivity extends AppCompatActivity {
    ViewPager mViewPager;
    private BottomNavigationView bottomNavigationView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_pager);
        mViewPager = findViewById(R.id.viewPager);
        bottomNavigationView = findViewById(R.id.bottomNavigationView);
        bottomNavigationView.setOnNavigationItemSelectedListener(onNavigationItemSelectedListener);
        List<Fragment> fragmentList = new ArrayList<>();
        fragmentList.add(MyFragment.newInstance(1));
        fragmentList.add(MyFragment.newInstance(2));
        fragmentList.add(MyFragment.newInstance(3));
        fragmentList.add(MyFragment.newInstance(4));
        fragmentList.add(MyFragment.newInstance(5));
        MyFragmentPagerAdapter adapter = new MyFragmentPagerAdapter(getSupportFragmentManager(),fragmentList);
        mViewPager.setAdapter(adapter);
        mViewPager.setOffscreenPageLimit(1);
        mViewPager.setOnPageChangeListener(viewpagerChangeListener);
    }

    ViewPager.OnPageChangeListener viewpagerChangeListener = new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int i, float v, int i1) { }

        @Override
        public void onPageSelected(int i) {
            int itemId = R.id.fragment_1;
            switch (i) {
                case 0:
                    itemId = R.id.fragment_1;
                    break;
                case 1:
                    itemId = R.id.fragment_2;
                    break;
                case 2:
                    itemId = R.id.fragment_3;
                    break;
                case 3:
                    itemId = R.id.fragment_4;
                    break;
                case 4:
                    itemId = R.id.fragment_5;
                    break;
            }
            bottomNavigationView.setSelectedItemId(itemId);
        }

        @Override
        public void onPageScrollStateChanged(int i) { }
    };
    BottomNavigationView.OnNavigationItemSelectedListener onNavigationItemSelectedListener = new BottomNavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            switch (item.getItemId()) {
                case R.id.fragment_1:
                    mViewPager.setCurrentItem(0, true);
                    return true;
                case R.id.fragment_2:
                    mViewPager.setCurrentItem(1, true);
                    return true;
                case R.id.fragment_3:
                    mViewPager.setCurrentItem(2, true);
                    return true;
                case R.id.fragment_4:
                    mViewPager.setCurrentItem(3, true);
                    return true;
                case R.id.fragment_5:
                    mViewPager.setCurrentItem(4, true);
                    return true;
            }
            return false;
        }
    };
}

布局文件代码

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ViewPagerActivity">
    <androidx.viewpager.widget.ViewPager
        android:layout_width="match_parent"
        android:id="@+id/viewPager"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintVertical_weight="1"
        app:layout_constraintBottom_toTopOf="@+id/bottomNavigationView"
        android:layout_height="0dp"/>
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:layout_width="match_parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:id="@+id/bottomNavigationView"
        app:layout_constraintBottom_toBottomOf="parent"
        app:menu="@menu/bottomnavigationview"
        android:background="@color/colorAccent"
        android:layout_height="78dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>

适配器代码

/**
 * 同学们大家好：专门用来显示 ViewPager Item 的适配器
 */
public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
    private static final String TAG = "MyFragmentPagerAdapter";

    private List<Fragment> fragmentList;
    public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> flist) {
        super(fm);
        fragmentList = flist;
    }
    @Override
    public Fragment getItem(int i) {
        return fragmentList.get(i);
    }

    @Override
    public int getCount() {
        return fragmentList.size();
    }
}

Fragment代码

// T1  T2 T3 T4 T5 有他呈现的Fragment
public class MyFragment extends LazyFragment5 {
    private static final String TAG = "Lgj MyFragment";
    ImageView imageView;
    TextView textView;
    Button btn;

    private CountDownTimer con;

    public static MyFragment newInstance(int position) {
        Bundle bundle = new Bundle();
        bundle.putInt("Position", position);
        MyFragment fragment = new MyFragment();
        fragment.setArguments(bundle);
        return fragment;
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.i(TAG, tabIndex + " fragment " + "onCreate: " );
    }

    @Override
    protected int getLayoutRes() {
        return R.layout.fragment_lazy_loading;
    }

    @Override
    protected void initView(View view) {
        imageView = view.findViewById(R.id.iv_content);
        textView = view.findViewById(R.id.tv_loading);
        btn = view.findViewById(R.id.btn);

        Log.i(TAG, tabIndex + " fragment " + "initView: " );
    }
    //加载数据
    @Override
    public void onFragmentLoad() {
        super.onFragmentLoad();
        getData();
        Log.i(TAG, tabIndex + " fragment " + "真正更新界面" );
    }
    // 中断更新
    @Override
    public void onFragmentLoadStop() {
        super.onFragmentLoadStop();
        tabIndex = getArguments().getInt(POSITION);
        handler.removeMessages(10);
        if (con != null) {
            con.cancel();
        }
        Log.i(TAG, tabIndex + " fragment " + "暂停一切操作 pause" );
        //对UI操作的代表
        textView.setText("李元霸");
    }

    private void getData() {
        con= new CountDownTimer(1000,100) {
            @Override
            public void onTick(long millisUntilFinished) {

            }

            @Override
            public void onFinish() {
                handler.sendEmptyMessage(10);
            }
        };
        con.start();
    }

    private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            textView.setVisibility(View.GONE);
            int id ;
            switch(tabIndex) {
                case 1:
                    id = R.drawable.a;
                    break;
                case 2:
                    id = R.drawable.b;
                    break;
                case 3:
                    id = R.drawable.c;
                    break;
                case 4:
                    id = R.drawable.d;
                    break;
                default:
                    id = R.drawable.a;
            }
            if (tabIndex == 5){
                btn.setVisibility(View.VISIBLE);
                btn.setOnClickListener(new View.OnClickListener() {
                    @SuppressLint("HandlerLeak")
                    @Override
                    public void onClick(View v) {
                        Intent intent = new Intent(getContext(), FragmentJumpActivity.class);
                        startActivity(intent);
                    }
                });
                return;
            }
            imageView.setImageResource(id);
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            imageView.setVisibility(View.VISIBLE);
            Log.i(TAG, tabIndex +" handleMessage: " );
            //模拟耗时工作
            try {
                Thread.sleep(40);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    };
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return super.onCreateView(inflater, container, savedInstanceState);
    }

    @Override
    public void onStart() {
        super.onStart();
        //Log.i(TAG, tabIndex + " fragment " + "onStart: " );
    }
    @Override
    public void onResume() {
        super.onResume();
        Log.i(TAG, tabIndex + " fragment " + "onResume: " );

    }
    @Override
    public void onPause() {
        super.onPause();
        Log.i(TAG, tabIndex + " fragment " + "onPause: " );

    }
    @Override
    public void onAttach(Context context) {
        super.onAttach(context);

        Log.i(TAG, tabIndex + " fragment " + "onAttach: " );
    }
    @Override
    public void onDetach() {
        super.onDetach();
        Log.i(TAG, tabIndex + " fragment " + "onDetach: " );
    }
    @Override
    public void onDestroyView() {
        super.onDestroyView();
        Log.i(TAG, tabIndex + " fragment " + "onDestroyView: " );
        if (con != null) {
            con.cancel();
        }
    }
}

基类Fragment代码，这里是重点，希望读者自行体会，如有不懂，欢迎一起探讨

public abstract class LazyFragment5 extends Fragment {
    public static final String POSITION = "Position";
    private static final String TAG = "Lgj MyFragment";
    private View rootView = null;
    protected int tabIndex;
    private boolean isViewCreated = false;// 表示View是否加载了
    private boolean isVisibleStateUp = false;// 记录上一次是否可见
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        Log.i(TAG, tabIndex + " fragment " + "onCreateView: " + rootView);
        if (rootView == null) {
            rootView = inflater.inflate(getLayoutRes(),container, false);
            initView(rootView); // 初始化控件 findvxxx
            isViewCreated = true;
            // 解决 loading框一直加载问题
            if (getUserVisibleHint()){// 需要显示
                dispatchUserVisibleHint(true);
            }
        }
        return rootView;
    }

    // 判断 Fragment 是否可见，这个方法非生命周期函数
    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        tabIndex = getArguments().getInt(POSITION);
        Log.i(TAG, tabIndex + " fragment " + "isVisibleToUser: " + isVisibleToUser);
        // 1、如果不加 isViewCreated就会导致空指针，因为 setUserVisibleHint 此方法会比Fragment的生命周期早走
        // 就会导致调用 onFragmentLoadStop 停止一切操作的时候导致空指针异常
        // 2、这样会导致，停止操作重复调用，onFragmentLoadStop， 正确的调用时机是 可见 --> 不可见才调用
        // onFragmentLoad 调用时机是 不可见 --> 可见，才算真正的可见，这个一般没有问题
        // 解决方案的话，需要记录上一次Fragment的状态 isVisibleStateUp 用它来标记
        // 3、当前存在的问题是，跳转其他Activity之后不会停止当前Fragment的数据加载
        if (isViewCreated){
            if (isVisibleToUser && !isVisibleStateUp){// 当前是可见，上一次不可见才加载数据
                // 如果可见的话，那么就分发这个流程
                dispatchUserVisibleHint(true);
            }else if (!isVisibleToUser && isVisibleStateUp){//上次可见，当前不可见，才停止加载数据
                dispatchUserVisibleHint(false);
            }
        }
    }

    public void onFragmentLoad() {
    }
    public void onFragmentLoadStop() {
    }

    private void dispatchUserVisibleHint(boolean visibleState) {
        // 记录上次的更新状态
        this.isVisibleStateUp = visibleState;
        if (visibleState) {
            // 加载数据
            onFragmentLoad();
        } else {
            // 停止一切操作
            onFragmentLoadStop();
        }
    }

    // 让子类完成，初始化布局，初始化控件
    protected abstract void initView(View rootView);
    protected abstract int getLayoutRes();


    @Override
    public void onResume() {
        super.onResume();
        // 这个是为了解决，跳转其他Activity，回来之后又必须重新加载数据
        if (getUserVisibleHint() && !isVisibleStateUp){
            // 当前是可见，上一次不可见才加载数据
            dispatchUserVisibleHint(true);
        }
    }

    @Override
    public void onPause() {
        super.onPause();
        // 跳转其他Activity之后，停止当前Fragment的数据加载
        if (getUserVisibleHint() && isVisibleStateUp){
            //上次可见，当前不可见，才停止加载数据
            dispatchUserVisibleHint(false);
        }

    }
    @Override
    public void onDestroyView() {
        super.onDestroyView();
    }
}

最后一个是Fragment对应的布局代码

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"
        android:id="@+id/iv_content"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="loading..."
        android:id="@+id/tv_loading"/>
    <Button
        android:layout_width="match_parent"
        android:id="@+id/btn"
        android:text="跳转"
        android:textSize="20sp"
        android:visibility="gone"
        android:textColor="#000000"
        android:layout_gravity="center"
        android:layout_height="wrap_content"/>
</FrameLayout>
李国菁LGJ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 实战之模拟微信首页界面 (java实现)
程序猿追的博客
04-04 1万+
Android 实战之模拟微信首页界面 (java实现)
【Android基础知识】FragmentPagerAdapter和FragmentStatePagerAdapter
自由世界的专栏
07-11 717
FragmentPagerAdapter 会一次性加载所有的Fragment到内存，不会再去创建和销毁。 MyFragmentPagerAdapter.java /** * FragmentPagerAdapter一次性加载所有Fragment,不会去销毁Fragment * @author meng.li * */ public class MyFragmentPagerAdapte
ViewPager2重大更新，支持offscreenPageLimit
最新发布
2401_83621136的博客
03-19 1007
ViewPager2更多优点由于本章篇幅有点，没有对ViewPager2进行的全面介绍，不代表ViewPager就仅此而已，就当前版本来看，ViewPager2的优点或者特有的功能如下：支持RecyclerView级别的复用支持预加载和离屏加载(本章介绍)支持动态更新Adapter(ViewPager大坑之一)支持模拟拖拽自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
防止ViewPager切换Fragment销毁
code_dream_wq的博客
12-23 954
我们在fragemnt大于2个时，有时会出现页面销毁的情况，我们通过以下方式解决。super(fm);}@Override}@Override}@Override//如果注释这行，那么不管怎么切换，page都不会被销毁}}
FragmentPagerAdapter&FragmentStatePageAdapter整理（二）
热门推荐
成长的烧年
02-01 1万+
整理这个是因为平时用得很多，很多时候只是知其然，不知其所以然，现在有些时间，就慢慢撸一撸。PagerAdapter与ViewPager结合，现在应该是个app都会有ViewPager+PagerAdapter的组合了。PagerAdapter负责数据，而ViewPager负责展示。PagerAdapter是一个抽象类，FragmentPagerAdapter和FragmentStatePagerAd
android fragment_Android 一种新奇的冷启动速度优化思路(Fragment极度懒加载 + Layout子线程预加载)...
weixin_39933895的博客
12-01 394
菩提本无树， 程序亦非猿时不时8:38推送优质文章，觉得有用，置顶加星标原文：https://juejin.im/post/5d63cdf7f265da03ed195f68一、背景明天是周二，正好是我们团队每周一次的技术分享，我会把前段时间花了几天在干其他活的同时，整的一套诡异的冷启动速度优化方案分享一下。二、特意声明我这边文章的内容不会涉及网上变地都是的常规的优化方案~ ，同时，...
TabLayout使用详解
jinrucsdn的专栏
01-18 1389
1、需求 TabLayout+Viewpager+Fragment，在tab中显示一个红点，用来标识是否有新消息未读，需要实时刷新。又或者tab中显示的内容需要自定义，不止显示文字，文字还需要不同的背景变换。 2、TabLayout相关属性 2.1 、 继承关系 直接父类是 HorizontalScrollView 横向滑动的ScrollView 2.2 、 和viewpager关联使用 最重要的使用方法：setupWithViewPager (ViewPager viewPager) 2.3
顶部导航+viewpager+fragment多页面取消预加载
03-18
代码实现viewPager+fragment多页面如何让取消预加载，并且还有一个自定义模仿今日头条的顶部导航，项目导入eclipse中可直接运行。
Android中ViewPager+Fragment懒加载问题解决方案.zip
01-15
Android中ViewPager+Fragment取消(禁止)预加载延迟加载(懒加载)问题解决方案 方案是为解决特定问题或达成特定目标而制定的一系列计划或步骤。它的作用是提供一种系统性的方法，以有效地应对挑战、优化流程或实现目标...
ViewPager+Fragment取消预加载（延迟加载）
01-12
ViewPager+Fragment取消预加载（延迟加载），详情请看：http://blog.csdn.net/myatlantis/article/details/42643733
ViewPager+fragment的一个demo,顶部有导航栏,实现懒加载
05-05
懒加载简介:使用viewpager+fragment作为应用大的布局时，viewpager会通过setOffscreenPageLimit来设置预加载的项目， 不设置setOffscreenPageLimit，则默认为1（设置0无效，可以查看该方法源码知道），也就是当我们...
ViewPager+Fragment懒加载问题
12-01
Android中ViewPager+Fragment懒加载问题解决方案Android中ViewPager+Fragment取消(禁止)预加载延迟加载(懒加载)问题解决方案
viewPager+Fragment的生命周期和预加载问题
Lucky_bo的专栏
10-09 6068
viewPager+Fragment的生命周期和预加载问题       在项目中用到了viewPager + Fragment 的组合进行页面的滑动切换。在viewPager 中加入了3个Fragment：FragmentA，FragmentB，FragmentC，分别在每个Fragment 中的生命周期方法中加入log日志。来查看页面切换时，Fragment生命周期的调用。
ViewPager动态添加或删除Fragment刷新空白问题处理，及Fragment数据传递简介
Mr_Leixiansheng的博客
11-23 2937
很久没更博客了，因为自己前段时间一直在独立开发项目、、、但这不能成为懒惰的理由，自省3秒··· 好了废话不多说，开始撸码 （以后都会采取先Java展示，后kotlin展示形式，小伙伴们可以各取所需） 之前一直都是很基础的固定Fragment个数与ViewPager搭配使用，在项目中要求动态添加Fragment展示界面，但是却遇到了刷新空白，或者刷新不完全的问题出现，借此自写个demo以供参考...
ViewPager.setOffscreenPageLimit()预加载问题
mzhhzm008的博客
10-12 4685
ViewPager与Fragment一起使用时，ViewPager.setOffscreenPageLimit() 可以设置预先加载缓存的页面
viewpager中操作页面控件时出现空指针异常
monke_king的博客
09-10 792
在viewpager中添加linearlayout的点击事件出现空指针异常。 LinearLayout mylocation=(LinearLayout) findViewById(R.id.my_location); mylocation.setOnClickListener(new View.OnClickListener() { @Override public vo...
Android中ViewPager + Fragment使用ButterKnife注解时出现空指针NullPoint的情况
wblyuyang的专栏
07-07 7425
一、如题。当Fragment超过3个时，包括3个，这种情况下使用Butterknife注解有时候会出现空指针。原因如下：在onCreateView里面进行绑定后，如果连续滑动，ViewPager会移除Fragment，然后Fragment会执行下面的方法： @Override public void onDestroyView() { super.onDestroyV
viewpager中多fragment及时加载
我本无名的专栏
02-25 3998
Viewpager是我们经常使用的一个控件，它的使用这里就不多说了，我在这里说一下其中的一个效果，就是我们经常会看到在一些新闻类的 App中，使用viewpager来做各个频道的切换，在切换的时候，我们会发现，这些频道里面的数据，是在此频道为当前页的时候才进行加载，而不是一开始就加载的（这里说明一点，就是viewpager有预加载的功能），同时，当我们切换回来的时候，此页面并没有重新加载，数据还是
Android中的Fragment与ViewPager的搭配使用，有没有问题重叠问题，怎么解决
QYgujingjing的专栏
07-22 968
Android中的Fragment与ViewPager的搭配使用，有没有问题重叠问题，怎么解决
fragment 包裹viewpaper+fragment 切换滑动很卡吨
05-13
出现这种情况可能是因为你的 Fragment 内容过于复杂或者你的...5. 在 Fragment 中使用 setOffscreenPageLimit() 方法设置预加载页面数。这样可以在切换到下一个 Fragment 时提前加载好需要展示的页面，避免滑动卡顿。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值