ViewPager+Fragment（二）装修房

上节课我们使用VF（ViewPager+Fragment）搭配使用做出了底部导航栏的效果，既然效果已经出来了为什么还需要写这篇文章呢？

1 毛坯房缺点

我们在每个Fragment中打上如下的log,然后点击导航菜单栏切换Fragment

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
Log.i("TAG", "onCreateView: four");
return inflater.inflate(R.layout.fragment_four, container, false);
}

@Override
public void onDestroyView() {
super.onDestroyView();
Log.i("TAG", "onDestroyView: FourFragment");
}

我在这里说明下FragmentStatePagerAdapter和FragmentPagerAdapter都是Fragment适配器，这个适配器的作用是什么呢？就是缓存和预加载页面，在这个例子中一共四个页面，当我点击第三个页面的时候，调用了1的销毁方法和4的创建方法，而此时2并没有销毁，仍然在缓存中只是不可见而已，当我们切换到2的页面时候，同理，4销毁，1创建，3不改变状态只是不可见。

猛地一看，哎呦，不错啊，安卓一直都需要我去缓存数据终于懂得主动帮我缓存数据了，当我很开心的时候，发现了很严重的问题：

我点到第3个就觉得没有意思了，不往下点了，可是系统仍然会预加载第四个界面的数据！如果第四个界面很简单那还好，要是数据很多，加杂各种动画，呵呵，那你的程序在内存中的消耗将无比巨大，这对于一个追求完美的程序员来说是不能容忍的

2 懒加载

不会偷懒的程序员不是好的程序员

1 我点击哪个页面加载哪个页面的数据，下一个页面的数据我不加载

2 刚刚加载过的页面如果马上又打开，不会去重新加载数据而是使用缓存数据

package com.viewpager02.fragments;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
* A simple {@link Fragment} subclass.
*/
public abstract class CommentFragment extends Fragment {
/**
* 标记已加载完成，保证懒加载只能加载一次
*/
private boolean hasLoaded = false;
/**
* 标记Fragment是否已经onCreate
*/
private boolean isCreated = false;
/**
* 界面对于用户是否可见
*/
private boolean isVisibleToUser = false;
private View view;

public CommentFragment() {
// Required empty public constructor
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
init(getView(inflater, getLayoutId(), container), savedInstanceState);
return view;
}

private View getView(LayoutInflater inflater, int layoutId, ViewGroup container) {
return inflater.inflate(layoutId, container, false);
}

public void init(View view, Bundle savedInstanceState) {
isCreated = true;
this.view = view;
lazyLoad(this.view, savedInstanceState);
}
/**
* 监听界面是否展示给用户，实现懒加载
* 这个方法也是网上的一些方法用的最多的一个，我的思路也是这个，不过把整体思路完善了一下
*/
@Override
public void setUserVisibleHint(boolean isVisibleToUser) {
Log.i("TAG", "setUserVisibleHint: ");
super.setUserVisibleHint(isVisibleToUser);
this.isVisibleToUser = isVisibleToUser;//注：关键步骤
lazyLoad(view, null);
}

/**
* 懒加载方法，获取数据什么的放到这边来使用，在切换到这个界面时才进行网络请求
*/
private void lazyLoad(View view, Bundle savedInstanceState) {

//如果该界面不对用户显示、已经加载、fragment还没有创建，
//三种情况任意一种，不获取数据
if (!isVisibleToUser || hasLoaded || !isCreated) {
return;
}
lazyInit(view, savedInstanceState);
hasLoaded = true;//注：关键步骤，确保数据只加载一次
}

/**
* 子类必须实现的方法，这个方法里面的操作都是需要懒加载的
*/
public abstract void lazyInit(View view, Bundle savedInstanceState);
public abstract int getLayoutId();

@Override
public void onDestroyView() {
super.onDestroyView();
isCreated = false;
hasLoaded = false;
}

}

public class OneFragment extends CommentFragment {

@Override
public void lazyInit(View view, Bundle savedInstanceState) {
Log.i("TAG", "lazyInit: One!大量数据");//这里处理耗时操作请求数据
}

@Override
public int getLayoutId() {
return R.layout.fragment_one;//获取布局文件
}
}

查看Log日志



果然如我们所料，点击一个新的Fragment才会加载一个的数据。

结尾附上demo地址

ViewPager02