Fragment懶加載其實很簡單

前言

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

原理

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

重寫setUserVisibleHint()

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

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

用一個布爾變量mHaveLoadData來表示該fragment是否加載過數據. 如果沒有加載過數據, 并且isVisibleToUser為true(表示用戶切換到了這個fragment), 那就開始加載數據, 然后標記該fragment已經加載過數據

loadDataStart()

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

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

在具體的fragment中模擬請求數據, 在請求完成后將mLoadDataFinished這個變量置為true, 這個字段是繼承自基類fragment的. 然后再判斷是否布局加載和找控件已經完成, 防止將數據設置到控件上的時候出現控件空指針的錯誤.
那么我們是在那里將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的全局變量儲存起來是因為當viewpager中的fragment比較多的時候, 切換到別的fragment會導致回調onDestroyView()方法, 再切回來的時候導致onCreateView()和onViewCreate()方法又被調用, 為了防止fragment重新從layout文件中加載布局導致之前設置到控件上的變量和狀態(tài)丟失, 在布局初次加載完成之后用mRootView這個變量儲存起來, 當這個變量不為null時就直接復用這個布局就好了.
initRootView()是初次從layout文件加載布局的方法, 是一個抽象方法, 由子類具體去實現, 返回的View表示fragment的布局.
在初次加載布局完成之后就是找控件的findViewById()方法了, 這也是個抽象方法, 需要子類自己去實現.
在findViewById()完成之后就將mViewInflateFinished置為true, 表示加載布局和找控件完成.

findViewById()

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

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

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

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; // 表示是否已經請求過數據

    public boolean mLoadDataFinished; // 表示數據是否已經請求完畢
    private View mRootView;

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

    // 表示找控件完成, 給控件們設置數據不會報空指針了
    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);
        // 如果還沒有加載過數據 && 用戶切換到了這個fragment
        // 那就開始加載數據
        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");
        // 模擬請求數據
        mHandler.postDelayed(new Runnable() {
            @Override
            public void run() {
                mData = "這是加載下來的數據";
                // 一旦獲取到數據, 就應該立刻標記數據加載完成
                mLoadDataFinished = true;
                if (mViewInflateFinished) { // mViewInflateFinished一般都是true
                    mTextView.setVisibility(View.VISIBLE);
                    mTextView.setText(mData);
                    mTextView.setText("這是改變后的數據");
                    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) { // 一般情況下這時候數據請求都還沒完成, 所以不會進這個if
            mTextView.setVisibility(View.VISIBLE);
            mTextView.setText(mData);
            mPb.setVisibility(View.GONE);
        }
    }

}

完結

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

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容