Fragment懶加載其實很簡單

前言

記得去年面試的時候, 面了一家小公司, 那個面試官問我, fragment的懶加載做過嗎?我說沒做過(確實沒做過).后來面試快結(jié)束了, 又問我, 懶加載沒做過是嗎?后來可想而知也沒收到offer, (?_?)
一直對這個問題耿耿于懷, 不就是fragment的懶加載嗎, 有那么難?于是這幾天看了一下網(wǎng)上的一些方案, 最終覺得還是自己親手敲一遍好.

原理

懶加載的原理其實挺簡單的, 最主要的就是利用fragment中的setUserVisibleHint(boolean isVisibleToUser)方法中傳進來的那個isVisibleToUser這個參數(shù), 這個參數(shù)的字面意思是表示當(dāng)前fragment是否對用戶可見.注意fragment還有一個getUserVisibleHint()的方法, 這個方法在我看來其實沒什么用, 因為我試過打印這個方法的返回值, 返回為true并不能保證用戶切換到了當(dāng)前fragment.

重寫setUserVisibleHint()

首先定義一個基類, BaseLazyFragment
重寫setUserVisibleHint()這個方法

    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        Log.d(TAG, "setUserVisibleHint, isVisibleToUser = " + isVisibleToUser);
        super.setUserVisibleHint(isVisibleToUser);
        // 如果還沒有加載過數(shù)據(jù) && 用戶切換到了這個fragment
        // 那就開始加載數(shù)據(jù)
        if (!mHaveLoadData && isVisibleToUser) {
            loadDataStart();
            mHaveLoadData = true;
        }
    }

用一個布爾變量mHaveLoadData來表示該fragment是否加載過數(shù)據(jù). 如果沒有加載過數(shù)據(jù), 并且isVisibleToUsertrue(表示用戶切換到了這個fragment), 那就開始加載數(shù)據(jù), 然后標(biāo)記該fragment已經(jīng)加載過數(shù)據(jù)

loadDataStart()

加載數(shù)據(jù)這個方法是基類里的一個抽象方法, 需要子類來重寫, 因為具體的加載過程是需要子類自己來實現(xiàn)的.
寫到這里我突然想到了那個抽象類和接口有什么區(qū)別的面試題.
在這里的情景的話, 抽象類就是幫子類統(tǒng)一處理了一些邏輯, 比如判斷什么時候需要進行加載數(shù)據(jù), 這是由父類幫我們做好的, 子類就不需要再寫重復(fù)的代碼了, 而具體的請求過程是由子類自己去實現(xiàn)的.抽象類在這里的作用就是將重復(fù)的邏輯統(tǒng)一處理.
而接口的作用, 就我自己來說用的最多的就是使用一個接口類型的變量來引用一個對象, 這樣就不用去關(guān)心這個對象具體是什么, 而我們只要知道這個對象中一定有接口中的方法, 到時候我們就能調(diào)用這個對象的方法, 雖然我們并不知道方法中的具體邏輯.
扯遠了.
現(xiàn)在我們寫一個子類繼承這個基類fragment

    @Override
    public void loadDataStart() {
        Log.d(TAG, "loadDataStart");
        // 模擬請求數(shù)據(jù)
        mHandler.postDelayed(new Runnable() {
            @Override
            public void run() {
                mData = "這是加載下來的數(shù)據(jù)";
                // 一旦獲取到數(shù)據(jù), 就應(yīng)該立刻標(biāo)記數(shù)據(jù)加載完成
                mLoadDataFinished = true;
                if (mViewInflateFinished) {
                    mTextView.setVisibility(View.VISIBLE);
                    mTextView.setText(mData);
                    mTextView.setText("這是改變后的數(shù)據(jù)");
                    mPb.setVisibility(View.GONE);
                }
            }
        }, 3000);
    }

在具體的fragment中模擬請求數(shù)據(jù), 在請求完成后將mLoadDataFinished這個變量置為true, 這個字段是繼承自基類fragment的. 然后再判斷是否布局加載和找控件已經(jīng)完成, 防止將數(shù)據(jù)設(shè)置到控件上的時候出現(xiàn)控件空指針的錯誤.
那么我們是在那里將mViewInflateFinished置為true的呢?在去看基類

onCreateView()

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container,
            @Nullable Bundle savedInstanceState) {
        Log.d(TAG, "onCreateView");
        if (mRootView != null) {
            return mRootView;
        }
        mRootView = initRootView(inflater, container, savedInstanceState);
        findViewById(mRootView);
        mViewInflateFinished = true;
        return mRootView;
    }

我們回到基類看onCeateView()方法, 在這里將布局用一個mRootView的全局變量儲存起來是因為當(dāng)viewpager中的fragment比較多的時候, 切換到別的fragment會導(dǎo)致回調(diào)onDestroyView()方法, 再切回來的時候?qū)е?code>onCreateView()和onViewCreate()方法又被調(diào)用, 為了防止fragment重新從layout文件中加載布局導(dǎo)致之前設(shè)置到控件上的變量和狀態(tài)丟失, 在布局初次加載完成之后用mRootView這個變量儲存起來, 當(dāng)這個變量不為null時就直接復(fù)用這個布局就好了.
initRootView()是初次從layout文件加載布局的方法, 是一個抽象方法, 由子類具體去實現(xiàn), 返回的View表示fragment的布局.
在初次加載布局完成之后就是找控件的findViewById()方法了, 這也是個抽象方法, 需要子類自己去實現(xiàn).
findViewById()完成之后就將mViewInflateFinished置為true, 表示加載布局和找控件完成.

findViewById()

我們再去看子類具體實現(xiàn)的findViewById()方法.

    @Override
    protected void findViewById(View view) {
        mTextView = view.findViewById(R.id.section_label);
        mPb = view.findViewById(R.id.pb);
        if (mLoadDataFinished) { // 一般情況下這時候數(shù)據(jù)請求都還沒完成, 所以不會進這個if
            mTextView.setVisibility(View.VISIBLE);
            mTextView.setText(mData);
            mPb.setVisibility(View.GONE);
        }
    }

在這個方法里, 如果找控件完成之后, 我們立刻將數(shù)據(jù)設(shè)置到控件上.但是在這之前我們還是需要判斷一下是否數(shù)據(jù)已經(jīng)加載完成, 如果數(shù)據(jù)已經(jīng)加載完成, 那就將數(shù)據(jù)設(shè)置到控件上.這個mLoadDataFinished標(biāo)志位在上面已經(jīng)提過.

initRootView

這個方法其實沒什么好說的

    @Override
    protected View initRootView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        Log.d(TAG, "initRootView");
        return inflater.inflate(R.layout.fragment_tab, container, false);
    }

完整代碼

再來貼一下基類和子類的完整代碼
BaseLazyFragment

public abstract class BaseLazyFragment extends Fragment {

    public final String TAG = getClass().getSimpleName();

    public boolean mHaveLoadData; // 表示是否已經(jīng)請求過數(shù)據(jù)

    public boolean mLoadDataFinished; // 表示數(shù)據(jù)是否已經(jīng)請求完畢
    private View mRootView;

    // 表示開始加載數(shù)據(jù), 但不表示數(shù)據(jù)加載已經(jīng)完成
    public abstract void loadDataStart();

    // 表示找控件完成, 給控件們設(shè)置數(shù)據(jù)不會報空指針了
    public boolean mViewInflateFinished;

    @Override
    public void onAttach(Context context) {
        Log.d(TAG, "onAttach");
        super.onAttach(context);
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.d(TAG, "onCreate");
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        Log.d(TAG, "onActivityCreated");
        super.onActivityCreated(savedInstanceState);
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container,
            @Nullable Bundle savedInstanceState) {
        Log.d(TAG, "onCreateView");
        if (mRootView != null) {
            return mRootView;
        }
        mRootView = initRootView(inflater, container, savedInstanceState);
        findViewById(mRootView);
        mViewInflateFinished = true;
        return mRootView;
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        Log.d(TAG, "onViewCreated");
    }

    protected abstract void findViewById(View view);

    protected abstract View initRootView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState);

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

    @Override
    public void onDestroy() {
        Log.d(TAG, "onDestroy");
        super.onDestroy();
    }

    @Override
    public void onDetach() {
        Log.d(TAG, "onDetach");
        super.onDetach();
    }

    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        Log.d(TAG, "setUserVisibleHint, isVisibleToUser = " + isVisibleToUser);
        super.setUserVisibleHint(isVisibleToUser);
        // 如果還沒有加載過數(shù)據(jù) && 用戶切換到了這個fragment
        // 那就開始加載數(shù)據(jù)
        if (!mHaveLoadData && isVisibleToUser) {
            loadDataStart();
            mHaveLoadData = true;
        }
    }

}

子類PlaceholderFragment0

public class PlaceholderFragment0 extends BaseLazyFragment {

    private TextView mTextView;
    private ProgressBar mPb;
    private Handler mHandler = new Handler();
    private String mData;

    public PlaceholderFragment0() {
    }

    /**
     * Returns a new instance of this fragment for the given section
     * number.
     */
    public static PlaceholderFragment0 newInstance() {
        PlaceholderFragment0 fragment = new PlaceholderFragment0();
        return fragment;
    }

    @Override
    public void loadDataStart() {
        Log.d(TAG, "loadDataStart");
        // 模擬請求數(shù)據(jù)
        mHandler.postDelayed(new Runnable() {
            @Override
            public void run() {
                mData = "這是加載下來的數(shù)據(jù)";
                // 一旦獲取到數(shù)據(jù), 就應(yīng)該立刻標(biāo)記數(shù)據(jù)加載完成
                mLoadDataFinished = true;
                if (mViewInflateFinished) { // mViewInflateFinished一般都是true
                    mTextView.setVisibility(View.VISIBLE);
                    mTextView.setText(mData);
                    mTextView.setText("這是改變后的數(shù)據(jù)");
                    mPb.setVisibility(View.GONE);
                }
            }
        }, 3000);
    }

    @Override
    protected View initRootView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        Log.d(TAG, "initRootView");
        return inflater.inflate(R.layout.fragment_tab, container, false);
    }

    @Override
    protected void findViewById(View view) {
        mTextView = view.findViewById(R.id.section_label);
        mPb = view.findViewById(R.id.pb);
        if (mLoadDataFinished) { // 一般情況下這時候數(shù)據(jù)請求都還沒完成, 所以不會進這個if
            mTextView.setVisibility(View.VISIBLE);
            mTextView.setText(mData);
            mPb.setVisibility(View.GONE);
        }
    }

}

完結(jié)

最后上一個github地址和效果圖, 完結(jié)撒花
LazyFragmentDemo

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末嵌纲,一起剝皮案震驚了整個濱河市斤葱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌甚负,老刑警劉巖霎挟,帶你破解...
    沈念sama閱讀 221,273評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件窝剖,死亡現(xiàn)場離奇詭異,居然都是意外死亡酥夭,警方通過查閱死者的電腦和手機赐纱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評論 3 398
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來熬北,“玉大人疙描,你說我怎么就攤上這事⊙纫” “怎么了淫痰?”我有些...
    開封第一講書人閱讀 167,709評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長整份。 經(jīng)常有香客問我待错,道長,這世上最難降的妖魔是什么烈评? 我笑而不...
    開封第一講書人閱讀 59,520評論 1 296
  • 正文 為了忘掉前任火俄,我火速辦了婚禮,結(jié)果婚禮上讲冠,老公的妹妹穿的比我還像新娘瓜客。我一直安慰自己,他們只是感情好竿开,可當(dāng)我...
    茶點故事閱讀 68,515評論 6 397
  • 文/花漫 我一把揭開白布谱仪。 她就那樣靜靜地躺著,像睡著了一般否彩。 火紅的嫁衣襯著肌膚如雪疯攒。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,158評論 1 308
  • 那天列荔,我揣著相機與錄音敬尺,去河邊找鬼枚尼。 笑死,一個胖子當(dāng)著我的面吹牛砂吞,可吹牛的內(nèi)容都是我干的署恍。 我是一名探鬼主播,決...
    沈念sama閱讀 40,755評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼蜻直,長吁一口氣:“原來是場噩夢啊……” “哼盯质!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起概而,我...
    開封第一講書人閱讀 39,660評論 0 276
  • 序言:老撾萬榮一對情侶失蹤唤殴,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后到腥,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體朵逝,經(jīng)...
    沈念sama閱讀 46,203評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,287評論 3 340
  • 正文 我和宋清朗相戀三年乡范,在試婚紗的時候發(fā)現(xiàn)自己被綠了配名。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,427評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡晋辆,死狀恐怖渠脉,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情瓶佳,我是刑警寧澤芋膘,帶...
    沈念sama閱讀 36,122評論 5 349
  • 正文 年R本政府宣布,位于F島的核電站霸饲,受9級特大地震影響为朋,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜厚脉,卻給世界環(huán)境...
    茶點故事閱讀 41,801評論 3 333
  • 文/蒙蒙 一习寸、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧傻工,春花似錦霞溪、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至泄伪,卻和暖如春殴蓬,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背臂容。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評論 1 272
  • 我被黑心中介騙來泰國打工科雳, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留根蟹,地道東北人脓杉。 一個月前我還...
    沈念sama閱讀 48,808評論 3 376
  • 正文 我出身青樓糟秘,卻偏偏與公主長得像,于是被迫代替她去往敵國和親球散。 傳聞我的和親對象是個殘疾皇子尿赚,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,440評論 2 359

推薦閱讀更多精彩內(nèi)容