Fragment View 懶加載

這個只是一個簡單的類,具體放在recyclerview-adapter-hf庫目錄下,作為了demo的一部分,有需要的可以看一下。

需求

  1. ViewPager在切換時Fragment能正確回調可見性
  2. 頁面跳轉、頁面前后臺切換時能正確回調可見性
  3. 有子集ViewPager嵌套Fragment時能正確回調可見性
  4. 根據Fragment 真實可見性進行view及數據初始化操作

場景限定

這里描述的場景定義在ViewPager中使用Fragment(大多數情況下Fragment在ViewPager中)以及單頁面Fragment

擴展及回調API

/**
 * 視圖初始化回調
 *
 * @param inflater
 * @param container
 * @param savedInstanceState
 * @return
 */
public abstract View onLazyCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState);

/**
 * 適用與外層是viewpager(vp_outer) ,viewpager中某個fragment中也用了viewpager(vp_inner)時,用來設置vp_inner
 *
 * @return
 */
protected ViewPager setNestedViewPagerWithNestedFragment() {
    return null;
}

/**
 * fragment可見性變化時回調
 *
 * Fragment 可見時該方法會回調一次, 不可見時保證最少調用一次
 * @param visible
 */
protected void onFragmentVisibilityChanged(boolean visible) {}

/**
 * 是否開啟view的懶加載模式
 *
 * @return
 */
protected boolean isViewLazyLoadEnable() {
    return true;
}

功能實現

實現簡介

  1. ViewPager在切換時內部會自動調用 setUserVisibleHint(...)處理Fragment可見性(也僅限于關聯到自身切換的Fragment)
  2. 非ViewPager切換引起的可見性變化需要用Fragment的生命周期方法onStart()、onStop()進行處理(比如:我們希望在頁面跳轉以及頁面前后臺切換時也能張確的進行可見性回調)
  3. ViewPager嵌套時

實現

  1. 加入以下兩個方法作為懶加載模式的配置以及Fragment可見性回調
    /**
     * fragment可見性變化時回調
     *
     * @param visible
     */
    protected void onFragmentVisibilityChanged(boolean visible) {}

    /**
     * 是否開啟view的懶加載模式
     *
     * @return
     */
    protected boolean isViewLazyLoadEnable() {
        return true;
    }
  1. 懶加載初始化及通過ViewPager進行Fragment可見性回調處理
    我們都知道Fragment中視圖的創建是在public View onCreateView(...)方法中,那么對于視圖懶加載來說視圖的初始化時機需要延后處理,通過結合ViewPager內部調用public void setUserVisibleHint(...)在當切換到當前Fragment時在進行視圖初始化操作,這個過程需要注意以下幾點:
  1. 初始創建時public void setUserVisibleHint(...)優先執行于public View onCreateView(...)
  2. 系統只會回調public View onCreateView(...)一次,所以對于懶加載需要提前創建一個新的rootView作為根視圖占位
  3. public abstract View onLazyCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState);為新的視圖初始化回調方法,通過實現進行其他初始化操作

該部分只是描述了懶加載初始化以及通過ViewPager的特點進行Fragment可見性的回調處理,代碼如下:

private Bundle mSavedInstanceState;

    /** 標識客戶端是否真正初始化了視圖, 通過調用{@link #lazyCreateView} **/
    private boolean mIsRealViewSetup;

    private View mRootView;

    /** 是否已經調用了初始化view方法 **/
    private boolean mIsCalledOnCreateViewMethod = false;

    @Nullable
    @Override
    final
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        if (this.isViewLazyLoadEnable() == false || originVisibleOfUserHint) {//不是懶加載
            Log.e("LazyLoadFragment", "onCreateView() -> will call lazyCreateView() ");
            this.mRootView = lazyCreateView(LayoutInflater.from(getContext()), container, mSavedInstanceState);
            this.mIsRealViewSetup = true;
        } else {
            Log.e("LazyLoadFragment", "onCreateView() -> init by FrameLayout ");
            this.mRootView = new FrameLayout(getContext());
        }
        Log.e("LazyLoadFragment", "onCreateView -> " + isViewLazyLoadEnable() + " , >> " + getClass().getSimpleName());
        this.mSavedInstanceState = savedInstanceState;
        this.mIsCalledOnCreateViewMethod = true;
        return mRootView;
    }

    private boolean originVisibleOfUserHint = false;

    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        this.originVisibleOfUserHint = getUserVisibleHint();

        Log.e("LazyLoadFragment", "setUserVisibleHint -> " + isVisibleToUser + " , originVisibleOfUserHint: " + originVisibleOfUserHint + " ]]> " + getClass().getSimpleName() + " , rootView: " + mRootView);
        if (this.mRootView == null) {
            return;
        }

        if (this.isViewLazyLoadEnable() && isVisibleToUser && mIsCalledOnCreateViewMethod == true && mIsRealViewSetup == false) {
            Log.e("LazyLoadFragment", "setUserVisibleHint() -> will call lazyCreateView() ");
            ViewGroup rootView = (ViewGroup) mRootView;
            rootView.removeAllViews();
            View contentView = lazyCreateView(LayoutInflater.from(getContext()), rootView, mSavedInstanceState);
            rootView.addView(contentView);
            this.mIsRealViewSetup = true;
        }

        if (this.mIsRealViewSetup) {
            this.onFragmentVisibilityChanged(isVisibleToUser, false);
        }
    }
    private View lazyCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        Log.e("LazyLoadFragment", "lazyCreateView -> [-" + getClass().getSimpleName() + "-]");
        return this.onLazyCreateView(inflater, container, savedInstanceState);
    }

    public abstract View onLazyCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState);


    /** 記錄當前fragment可見狀態 **/
    public boolean mCurrentFragmentVisibility = false;

    /**
     * fragment可見性變化時回調
     *
     * @param isVisibleToUser 當前fragment是否前臺可見
     * @param isLifeCycle     當前fragment可見性是否由fragment生命周期變化引起  false: 由調用{@link #setUserVisibleHint}引起
     */
    @CallSuper
    private void onFragmentVisibilityChanged(boolean isVisibleToUser, boolean isLifeCycle) {
        this.mCurrentFragmentVisibility = isVisibleToUser;
        Fragment fragment = getParentFragment();
        boolean fragmentVisible = false;
        if (fragment instanceof LazyLoadFragment) {
            //處理view非懶加載時有二級fragment viewpager情況第一次初始化時的問題
            //這種情況下一級fragment不可見,但二級viewpager中fragment初始化后會自動設置二級fragment的可見性
            fragmentVisible = ((LazyLoadFragment) fragment).mCurrentFragmentVisibility;
            if (!fragmentVisible && isLifeCycle) {
                return;
            }
        }

        this.onFragmentVisibilityChanged(isVisibleToUser);
    }
  1. 通過Fragment生命周期方法處理可見性回調
    在頁面跳轉以及Fragment進行了前后臺切換時,我們仍然希望能正確及時的知道Fragment的可見情況,比如頁面跳走或者切到后臺時Fragment應該是不可見的,在當頁面跳回來或者切到前臺時Fragment應該是可見的,而這些ViewPager不會給出相應的狀態,所以通過下面代碼就可以搞定:
    @CallSuper
    @Override
    public void onStart() {
        super.onStart();
        Log.e("LazyLoadFragment", "onStart -> mIsRealViewSetup: " + mIsRealViewSetup + " , originVisibleOfUserHint+ " + originVisibleOfUserHint + " ]]> " + getClass().getSimpleName());

        if (mIsRealViewSetup && originVisibleOfUserHint) {
            this.onFragmentVisibilityChanged(true, true);
        }
    }

    @CallSuper
    @Override
    public void onStop() {
        super.onStop();

        if (mIsRealViewSetup && originVisibleOfUserHint) {
            this.onFragmentVisibilityChanged(false, true);
        }
    }
  1. 有子集ViewPager嵌套時的處理
    我們經常會碰到這樣的情況,主頁面ViewPager有幾個Fragment,而其中有的Fragment又通過ViewPager嵌入了二級Fragment頁面,面對這樣的情況,上面的處理還有點欠缺,主要是因為這樣:ViewPager嵌入Fragment后,在初始化后,會自動或者被動切換到一個tab下,這內部也會調用public void setUserVisibleHint(...)設置可見性,這里存在的問題是他們并不知道父Fragment的可見狀態。
    那么我的需求正好是子Fragment可見時父Fragment的狀態也應該可見才對,那么面對這樣的需求,做了以下的處理:
/**
     * fragment可見性變化時回調
     *
     * @param isVisibleToUser 當前fragment是否前臺可見
     * @param isLifeCycle     當前fragment可見性是否由fragment生命周期變化引起  false: 由調用{@link #setUserVisibleHint}引起
     */
    @CallSuper
    private void onFragmentVisibilityChanged(boolean isVisibleToUser, boolean isLifeCycle) {
        this.mCurrentFragmentVisibility = isVisibleToUser;
        Fragment fragment = getParentFragment();
        boolean fragmentVisible = false;
        if (fragment instanceof LazyLoadFragment) {
            //處理view非懶加載時有二級fragment viewpager情況第一次初始化時的問題
            //這種情況下一級fragment不可見,但二級viewpager中fragment初始化后會自動設置二級fragment的可見性
            fragmentVisible = ((LazyLoadFragment) fragment).mCurrentFragmentVisibility;
            if (!fragmentVisible && isLifeCycle) {
                return;
            }
        }

        this.onFragmentVisibilityChanged(isVisibleToUser);
        Log.e("LazyLoadFragment", "onFragmentVisibilityChanged -> isVisibleToUser: " + isVisibleToUser + " , isLifeCycle: " + isLifeCycle + " , [-" + getClass().getSimpleName() + "-]" + " , parent: " + fragment.getClass().getSimpleName() + " = " + fragmentVisible);

        final ViewPager viewPager = this.setNestedViewPagerWithNestedFragment();
        if (null != viewPager) {
            this.handleNestedFragmentVisibilityWhenFragmentVisibilityChanged(viewPager, isVisibleToUser, isLifeCycle);
        }
    }

    /**
     * 處理在內外層viewpager里的fragment初始化后引起fragment可見性不一致問題(尤其開啟了view懶加載后,子viewpager并未處理外層fragment可見性)
     * 這里的處理是:
     * 1. 外層fragment不可見時,它內部的所有fragment都應該不可見
     * 2. 內部fragment可見時,他所關聯的父fragment也應該可見
     *
     * @param viewPager
     * @param isVisible
     * @param isLifeCycle
     */
    private void handleNestedFragmentVisibilityWhenFragmentVisibilityChanged(final ViewPager viewPager, boolean isVisible, boolean isLifeCycle) {
        Log.e("DEBUG", "onFragmentVisibilityChanged ---- ###  " + isVisible + " , " + isLifeCycle);
        if (null == viewPager || isLifeCycle) {
            return;
        }
        final FragmentPagerAdapter adapter = ((FragmentPagerAdapter) viewPager.getAdapter());
        if (isVisible == false) {
            //不可見的情況下,子viewpager里的所有fragment都不應該可見
            final int size = adapter.getCount();
            for (int i = 0; i < size; i++) {
                Fragment fragment = adapter.getItem(i);
                if (null == fragment) {
                    continue;
                }

                fragment.setUserVisibleHint(isVisible);
            }
        } else {
            Log.e("DEBUG", "onFragmentVisibilityChanged ---- " + viewPager.getCurrentItem());
            Fragment fragment = adapter.getItem(viewPager.getCurrentItem());
            if (null != fragment) {
                fragment.setUserVisibleHint(isVisible);
            }
        }
    }
    /**
     * 適用與外層是viewpager(vp_outer) ,viewpager中某個fragment中也用了viewpager(vp_inner)時,用來設置vp_inner
     *
     * @return
     */
    protected ViewPager setNestedViewPagerWithNestedFragment() {
        return null;
    }

子類通過復寫protected ViewPager setNestedViewPagerWithNestedFragment()方法配置關聯的ViewPager。

這樣,懶加載過程就算完成了,有問題就留言吧。

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

推薦閱讀更多精彩內容