ViewPager+Fragments+LazyLoad

ViewPager+Fragments可以帮助Android开发者方便地实现多个tab页之间的切换。可是在使用中你有没有遇到过一些不是那么美丽的状况呢？比方说，进入页面的前几秒钟特别卡顿？从别的页面切换回来，竟然重新加载了页面？从网上Copy了LazyLoad代码下来，来回切换了几次崩溃了？WTF！！！ViewPager+Fragments用起来并不复杂，不消十分钟你就可以把它引入项目，但是要想获得好的体验，就要多花一点功夫了。这篇文章，我就记录一下自己在开发过程中使用到的优化方法。

LazyLoad

首先我们来复习一下ViewPager的基础知识(使用FragmentAdapter)。ViewPager默认至多预加载2个Fragment(可见页面称为VisibleFragment，可见页面左右各一个InvisibleFragment)，至少预加载一个页面(可见页面是第一个，仅在右侧有一个InvisibleFragment)。也就是说，我们第一次进入页面时，ViewPager至少加载了两个Fragment，一个VisibleFragment，一个InvisibleFragment。如果InvisibleFragment有什么耗时操作，就会连累VisibleFragment特别卡顿。

聪明如你肯定会想，这个问题so easy，调用一下ViewPager.setOffscreenPageLimit(0)，禁止ViewPager预加载不就ok了嘛！naive！

public void setOffscreenPageLimit(int limit) {
      if (limit < DEFAULT_OFFSCREEN_PAGES) {
          Log.w(TAG, "Requested offscreen page limit " + limit + " too small; defaulting to " +
                  DEFAULT_OFFSCREEN_PAGES);
          limit = DEFAULT_OFFSCREEN_PAGES;
      }
      if (limit != mOffscreenPageLimit) {
          mOffscreenPageLimit = limit;
          populate();
      }
  }

从ViewPager.setOffscreenPageLimit(int limit)方法的源码，可以看到预加载页面至少是DEFAULT_OFFSCREEN_PAGES,这个值是1。

你可能又会想了，<font color="#ff3131">InvisibleFragment页面从不可见转为可见，这个状态肯定能够捕捉到吧，在页面变为可见的时候执行耗时操作不就可以了嘛</font>！对头！！！这个方法就是Fragment.setUserVisibleHint(boolean isVisibleToUser),一旦Fragment可见状态发生变化，这个方法就会被调用。所以我们就可以这样写：

/**
 * 是否已加载数据
 */
private boolean mLoaded = false;

/**
 * 一旦页面可见性发生变化，这个方法就会被调用
 * 当页面可见且数据未加载时，加载数据
 * @param isVisibleToUser
 */
@Override
public void setUserVisibleHint(boolean isVisibleToUser) {
    super.setUserVisibleHint(isVisibleToUser);
    if (isVisibleToUser && !mLoaded) {
        mLoaded = true;
        loadData();
    }
}

这个就是所谓的LazyLoad！

ViewPager中的Fragment

学到上面的新技能之后你兴冲冲地去实验，编码>>运行>>不错呀！写博客的小哥没骗我！>>纳尼！崩溃了！这个死骗子，肯定拿假的LazyLoad来骗我，看我不骂死他！看官大爷请息怒！我真没骗你，不信咱们接着往下看！

这个地方的崩溃应该是NullPointerException，提示在View初始化之前即对其进行了操作。看来setUserVisibleHint()方法被调用时，onCreateView()方法还没有被调用。要解决这个问题我们要首先弄清楚Fragment中相关方法被调用的顺序(你可以在自己项目中把方法的调用都打印出来)。

然后我们发现Fragment中相关方法的调用顺序是这个样子的：
setUserVisibleHint()>>onCreateView()>>onActivityCreated()。

setUserVisibleHint()确实是在onCreateView()之前被调用的，这可怎么办呀？表怂呀！这还能难得住你？添加一个全局变量，标识onCreateView()方法是否被调用，如果没有被调用，setUserVisibleHint()不执行加载数据的操作。然后我们还需要在onActivityCreated()里面二次判断是否首次加载。现在代码长这个样子：

/**
 * onCreateView()是否被调用
 */
private boolean mOnCreateViewInvoked = false;
/**
 * 是否已加载数据
 */
private boolean mLoaded = false;

/**
 * 一旦页面可见性发生变化，这个方法就会被调用
 * 当onCreateView()已经被调用&&页面可见&&数据未加载时，加载数据
 * @param isVisibleToUser
 */
@Override
public void setUserVisibleHint(boolean isVisibleToUser) {
    super.setUserVisibleHint(isVisibleToUser);
    if (mOnCreateViewInvoked && isVisibleToUser && !mLoaded) {
        mLoaded = true;
        loadData();
    }
}
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    mOnCreateViewInvoked = true;
    // your code
}

/**
 * 二次测试是否首次加载
 * @param savedInstanceState
 */
@Override
public void onActivityCreated(@Nullable Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    if (getUserVisibleHint() && !mLoaded) {
        mLoaded = true;
        loadData();
    }
}

你再试试，现在是不是不崩溃了！我跟你讲了，我写的是真的LazyLoad！

一点小扩展

刷了一会儿你又发现问题了，从别的页面返回之后咋又重新加载数据了？在tab页中，我们可能并不希望，页面每次可见的时候数据都重新加载一遍，而是只在第一次可见的时候加载。看官大爷您这个需求比较简单，只需要一行代码就可以搞定了。我们只需要在ViewPager初始化的时候添加一行设置ViewPager.setOffscreenPageLimit(sizeOfFragments)。这样ViewPager中所有的Framgment都不会被回收了，陪你到天荒地老！

接下来写一篇文章介绍一下两个ViewPager嵌套时，Fragment可见性的判断。

完！