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初始化之前即對其進行了操作??磥韘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可見性的判斷。

完!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,106評論 6 542
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,441評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,211評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,736評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,475評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,834評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,829評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,009評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,559評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,306評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,516評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,038評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,728評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,132評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,443評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,249評論 3 399
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,484評論 2 379

推薦閱讀更多精彩內容