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初始化之前即對其進行了操作??磥韘etUserVisibleHint()方法被調用時,onCreateView()方法還沒有被調用。要解決這個問題我們要首先弄清楚Fragment中相關方法被調用的順序(你可以在自己項目中把方法的調用都打印出來)。
然后我們發現Fragment中相關方法的調用順序是這個樣子的:
setUserVisibleHint()>>onCreateView()>>onActivityCreated()。
setUserVisibleHint()確實是在onCreateView()之前被調用的,這可怎么辦呀?表慫呀!這還能難得住你?添加一個全局變量,標識onCreateView()方法是否被調用,如果沒有被調用,setUserVisibleHint()不執行加載數據的操作。然后我們還需要在onActivityCreated()里面二次判斷是否首次加載?,F在代碼長這個樣子:
/**
* 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可見性的判斷。
完!