Fragment结合ViewPager之懒加载

作者: xiasuhuei321 | 来源:发表于2016-09-02 22:00 被阅读6436次

    什么是懒加载?为什么要用懒加载?###

    1、什么是懒加载

    懒加载就是当ViewPager和Fragment结合在一起使用时,Fragment呈现在用户面前时才加载数据,当其从未被呈现在用户面前时,不会执行加载数据的代码。这就是我所理解的懒加载。

    2、为什么要用懒加载

    ViewPager默认会预加载下一页,对于某些重量级的Fragment来说无疑会造成很大的开销,当然了,如果对于你来说这些开销是必要的,也不必无脑用懒加载。

    背景简介

    很多时候我们都会将ViewPager和Fragment结合在一起使用,因为Android给我们提供了非常便利的FragmentPageAdapter,而这个adapter实现起来非常简单:

    public class TechFragmentPageAdapter extends FragmentPagerAdapter {
        private List<Fragment> fragmentList;
    
        public TechFragmentPageAdapter(FragmentManager fm, List<Fragment> fragmentList) {
            super(fm);
            this.fragmentList = fragmentList;
        }
    
        @Override
        public Fragment getItem(int position) {
            return fragmentList.get(position);
        }
    
        @Override
        public int getCount() {
            return fragmentList.size();
        }
    }
    

    现在我们一般的Activity都是继承于AppCompatActivity,而这个activity可以

    getSupportFragmentManager();
    

    那么在实现以上的adapter时我们只要传入我们的fragmentList就可以了。这样的adapter既看起来舒服,又好使。但是ViewPager默认会加载下一页,当你调用setOffscreenPageLimit(),并且将值设置为0,抱歉,没啥用,因为当你设置的值小于1的时候默认还是1。那么,这个时候就需要我们自己去实现懒加载了。

    实现

    实现懒加载的关键是在于以下两个方法:

    /**
     * 文档对于这个方法的描述是:Set a hint to the system about whether this 
     * fragment's UI is currently visible to the user.
     **/
    getUserVisibleHint()
    setUserVisibleHint(boolean isVisibleToUser)
    

    接下来让我通过一段Log来了解这段故事,因为代码结构比较简单,只放其中的一段代码上来,其他的,靠我们脑补就行了。

    public class FirstFragment extends Fragment {
        private static final String TAG = "FirstFragment";
    
        @Override
        public void onAttach(Context context) {
            Log.e(TAG, "onAttach");
            super.onAttach(context);
        }
    
        @Override
        public void onCreate(@Nullable Bundle savedInstanceState) {
            Log.e(TAG, "onCreate");
            super.onCreate(savedInstanceState);
        }
    
        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            Log.e(TAG, "onCreateView");
            return super.onCreateView(inflater, container, savedInstanceState);
        }
    
        @Override
        public void onActivityCreated(@Nullable Bundle savedInstanceState) {
            Log.e(TAG, "onActivityCreated");
            super.onActivityCreated(savedInstanceState);
        }
    
        @Override
        public void onStart() {
            Log.e(TAG, "onStart");
            super.onStart();
        }
    
        @Override
        public void onResume() {
            Log.e(TAG, "onResume");
            super.onResume();
        }
    
        @Override
        public void onPause() {
            Log.e(TAG, "onPause");
            super.onPause();
        }
    
        @Override
        public void onStop() {
            Log.e(TAG, "onStop");
            super.onStop();
        }
    
        @Override
        public void onDestroyView() {
            Log.e(TAG, "onDestroyView");
            super.onDestroyView();
        }
    
        @Override
        public void onDestroy() {
            Log.e(TAG, "onDestroy");
            super.onDestroy();
        }
    
        @Override
        public void onDetach() {
            Log.e(TAG, "onDetach");
            super.onDetach();
        }
    
        @Override
        public boolean getUserVisibleHint() {
            Log.e(TAG, "getUserVisibleHint");
            return super.getUserVisibleHint();
        }
    
        @Override
        public void setUserVisibleHint(boolean isVisibleToUser) {
            super.setUserVisibleHint(isVisibleToUser);
            Log.e(TAG, "setUserVisibleHint:" + isVisibleToUser);
        }
    }
    
    

    非常简单的一个Fragment,我只是在其中的各个方法中加入了Log这个操作而已,为了方便查看我使用了e这个级别的日志。类似的Fragment还有SecondFragment和ThirdFragment。当我使用FragmentPagerAdapter和ViewPager的时候,他们的Log输出如下:

    Log日志.png

    首先和我们预料的一样,ViewPager的确有加载下一页的特性,然后我们滑动到第二页查看Log。


    第二页Log.png

    我们可以发现,当我们滑动到第二页时,第三页开始预加载,而且第二页的setUserVisibleHint中的值已经被置为了true。也就是说当前页面可见时,我们调用getUserVisibleHint()的值是true。那么我们可以根据这个特性去实现懒加载:

    ** 当前页面不可见,但是ViewPager预加载的时候,我们判断当前页面是否可见,不可见则不进行加载数据的操作,仅仅做布局初始化的工作。在当前页面变为可用的时候,我们调用加载数据的方法,那么数据便在ViewPager滑动到当前页面的时候开始加载了。**

    以下是我封装的代码,我封装无力,各位如果觉得可以便自取,如果觉得不行可以自己改进~

    package com.lauren.simplenews.news.widget;
    
    import android.content.Context;
    import android.os.Bundle;
    import android.support.annotation.Nullable;
    import android.support.v4.app.Fragment;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    
    /**
     * Created by Luo_xiasuhuei321@163.com on 2016/8/29.
     *
     * 实现懒加载的Fragment
     */
    public abstract class BaseLazyFragment extends Fragment {
    
        protected View mRootView;
        protected Context mContext;
        protected boolean isVisible;
        private boolean isPrepared;
        private boolean isFirst = true;
    
        //--------------------system method callback------------------------//
    
        @Override
        public void onActivityCreated(@Nullable Bundle savedInstanceState) {
            super.onActivityCreated(savedInstanceState);
            isPrepared = true;
            initPrepare();
        }
    
        @Override
        public void setUserVisibleHint(boolean isVisibleToUser) {
            super.setUserVisibleHint(isVisibleToUser);
            if(getUserVisibleHint()){
                isVisible = true;
                lazyLoad();
            }else{
                isVisible = false;
                onInvisible();
            }
        }
    
        @Override
        public void onResume() {
            super.onResume();
            if(getUserVisibleHint()){
                setUserVisibleHint(true);
            }
        }
    
        @Override
        public void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            mContext = getActivity();
        }
    
        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            if(mRootView == null){
                mRootView = initView(inflater,container,savedInstanceState);
            }
    
            return mRootView;
        }
    
        //--------------------------------method---------------------------//
    
        /**
         * 懒加载
         */
        protected void lazyLoad(){
            if(!isPrepared || !isVisible || !isFirst){
                return;
            }
            initData();
            isFirst = false;
        }
    
        //--------------------------abstract method------------------------//
    
        /**
         * 在onActivityCreated中调用的方法,可以用来进行初始化操作。
         */
        protected abstract void initPrepare();
    
        /**
         * fragment被设置为不可见时调用
         */
        protected abstract void onInvisible();
    
        /**
         * 这里获取数据,刷新界面
         */
        protected abstract void initData();
    
        /**
         * 初始化布局,请不要把耗时操作放在这个方法里,这个方法用来提供一个
         * 基本的布局而非一个完整的布局,以免ViewPager预加载消耗大量的资源。
         */
        protected abstract View initView(LayoutInflater inflater,
                                         @Nullable ViewGroup container,
                                         @Nullable Bundle savedInstanceState);
    }
    

    后话###

    最近我搭建了自己的个人博客,虽然今天(9.2)没时间完善了,但是以后有空我会完善一下的。而且有些文章我也不会再简书更新……比如我想把我的java回炉重造一下……但是有关java的这些东西不怎么想放到简书上,还是放到我自己的小窝里~

    最后附上链接吧:https://xiasuhuei321.github.io
    恩,域名暂时没买,先就这么用着吧。

    相关文章

      网友评论

      • 戴定康:受用
      • S蛋糕:两个问题请教下:1,onActivityCreated的prepare作用 2,isFirst的作用,是不是fragment切换回来数据就不加载了?如果不加载了那么如果数据库数据变了,那我得到的还是旧数据呀
        xx伐木累zw:这个好,解决了我的问题,支持一个。:+1:
        S蛋糕:@xiasuhuei321 清晰明了,非常感谢!
        xiasuhuei321:Fragment的生命周期比较多,initPrepare的作用就跟名字一样,初始化一些东西,所以你应该是要知道onActivityCreated的作用,这个生命周期在Activity创建完毕时回调,告诉你你的父Activity已经创建完毕了。第二个是的,就不加载了,你要得到新数据,要么有个ui的触发,比如下拉刷新之类的。你想做的是每次切换回来都自动加载一次数据?这种就判断可见性,可见的时候加载数据就行,一般来说这种对于数据不是很大的时候用。就如一般也不会有人把数据加载放在Activity的onResume里一样,这样可能加载的次数就会超乎你的预计,不过还是有一些场景能用到的。
      • OuTao:楼主,我只有两个Fragment 第二个页面需要懒加载,是不是只有需要懒加载的页面继承BaseLazyFragment就可以了??我是菜鸟,求楼主解答!!
        xiasuhuei321:可以。给你解释一下这个懒加载,其实就是根据系统提供的方法来判断这个Fragment是否处于可见状态,可见的时候就去加载数据。这么做是因为ViewPager有预加载的特性,所谓懒加载,就是把数据加载放在Fragment可见之后去做而已。
      • 无极小屋:onInvisible()要做些什么呢?
        S蛋糕:@xiasuhuei321 比如什么需求在oninvisible()可以用的到呢
        xiasuhuei321:@角落里的箱 看你的需求,你是否有需求是在这个界面不可见的时候去做的,没的话可以不用具体的实现。
      • 花香_Android:谢了,学习了
      • 86db62b87432:initData和initView具体有什么区别的,怎么样才算初始化基本布局而不是完整布局?
        86db62b87432:@xiasuhuei321 OK,明白,节后快乐~
        xiasuhuei321:@瀦旒Tmac 你好,所谓初始化布局而不是完整布局,我想表达的是你应该在initView里干onCreateView方法里干的事,当然,除了加载数据的代码。因为如果你在这个方法里执行了加载数据的代码,那我抽取的这个懒加载就会失效,相对应的,我会提供一个initData方法让你去执行加载数据的代码。如果你觉得需要一个实例的话https://github.com/ForgetAll/SimpleNews/blob/master/app/src/main/java/com/lauren/simplenews/news/widget/NewsListFragment.java 这个是我对SimpleNews做过的一些微调,你可以看一下。
      • Wing_Li:不错,不错。学习了。
      • MeloDev:这个考虑的很全面了
      • 6c2013a2ecf1:楼主不错哦!
      • 真的是叫时光啊:谢谢,以前就想过这方面问题,后来得不到懒加载的实现方案就不了了之了。 :clap:
        xiasuhuei321:@真的是叫时光啊 很高兴能帮到你
      • 醒着的码者:kfc 你是最棒的 :stuck_out_tongue:
        xiasuhuei321:@ImportEffort :sunglasses:这话说的,很对!

      本文标题:Fragment结合ViewPager之懒加载

      本文链接:https://www.haomeiwen.com/subject/btzhettx.html