1. 程式人生 > >Fragment重影(重疊)白屏等問題原理解析,以及解決方案

Fragment重影(重疊)白屏等問題原理解析,以及解決方案

前言

絕大部分的app首頁架構均為Tab + Fragment,當程式發生異常自動恢復,或者app長時間處於後臺恢復後,Fragment出現重影(重疊)等問題。當然部分不顧及頁面層級的小夥伴,每個Fragment的view都設定了背景,可能就察覺不出來,但是並不代表沒有。然後很多Fragment裡面又還有Fragment的使用不當甚至會出現白屏的現象。

1 重影(重疊)

1.1 觸發原因

Activity在非正常退出(點返回等屬於正常退出)會呼叫 onSaveInstanceState 方法來儲存資料,其中就包括檢視層(View Hierarchy),當該Activity在此被重建時,會呼叫onRestoreInstanceState方法,之前被例項化過的 Fragment 依然會出現在 Activity 中,然後按照正常生命流程走,在onCreate中FragmentTransaction相當於又再次 add 了 fragment 進去的,hide()和show()方法對之前儲存的fragment已經失效了。綜上這些因素導致了多個Fragment重疊在一起

1.2 如何除錯

  • 當你不確定你的app是否存在該問題時,先檢查fragment是否有背景,如果有,先刪掉
  • 手機的 “設定” - “開發者選項” - 開啟”不保留活動”(主要用於模擬Activity被及時回收)
  • 把 app 切換到後臺,再重新開啟,通過點按不同的 tab 來切換 Fragment,開啟其他頁面在回來,在切換tab
  • 如果有重影,請接著看下面的解決方案,如果沒有,恭喜你,你的程式碼太完美了,希望你能提供更優質的解決方案

1.3 解決方案

1.3.1 在onCreate方法判斷 savedInstanceState 引數是否為null (不推薦)

如果savedInstanceState不為null,說明該Activity有儲存的例項,在add fragment 時新增標籤,具體看原始碼 selectedFragment方法 其中XXX.getClass().getSimpleName()為Tag 為演示才這樣寫的

private void selectedFragment(int position) {
        mPosition = position;
        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        hideFragment(transaction);
        switch (position) {
            case 0:
                if (fragment1 == null) {
                    fragment1 = new Fragment1();
                    transaction.add(R.id.fl_content, fragment1,fragment1.getClass().getSimpleName());
                } else
{ transaction.show(fragment1); } break; case 1: if (fragment2 == null) { fragment2 = new Fragment2(); transaction.add(R.id.fl_content, fragment2,fragment2.getClass().getSimpleName()); } else { transaction.show(fragment2); } break; case 2: if (fragment3 == null) { fragment3 = new Fragment3(); transaction.add(R.id.fl_content, fragment3,fragment3.getClass().getSimpleName()); } else { transaction.show(fragment3); } break; case 3: if (fragment4 == null) { fragment4 = new Fragment4(); transaction.add(R.id.fl_content, fragment4,fragment4.getClass().getSimpleName()); } else { transaction.show(fragment4); } break; default: } transaction.commitAllowingStateLoss(); } 複製程式碼

onCreate方法程式碼

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.initData(savedInstanceState);
    //不為null,說明是死而復活,移除已經存在的fragment
    if (savedInstanceState != null) {
        FragmentTransaction mTransaction = getSupportFragmentManager().beginTransaction();
        mTransaction.remove(mManager.findFragmentByTag(Fragment4.class.getSimpleName()));
        mTransaction.remove(mManager.findFragmentByTag(Fragment3.class.getSimpleName()));
        mTransaction.remove(mManager.findFragmentByTag(Fragment2.class.getSimpleName()));
        mTransaction.remove(mManager.findFragmentByTag(Fragment1.class.getSimpleName()));
        mTransaction.commitAllowingStateLoss();
    }
 
    selectedFragment(mPosition);
    ......
}
複製程式碼
1.3.2 重寫onSaveInstanceState onRestoreInstanceState 方法 (推薦)

無需為Fragment 新增Tag 保持最開始的實現邏輯不動 原始碼

    **
     * 原理  去除Super 切斷原有恢復邏輯 儲存位置
     * @param outState
     */
    @SuppressLint("MissingSuperCall")
    @Override
    protected void onSaveInstanceState(Bundle outState) {
        /* 記錄當前的position */
        outState.putInt("position", mPosition);
    }

    @Override
    protected void onRestoreInstanceState(Bundle savedInstanceState) {
        super.onRestoreInstanceState(savedInstanceState);
        mPosition = savedInstanceState.getInt("position");
        selectedFragment(mPosition);
    }

複製程式碼

2 白屏

2.1 觸發原因

當Fragment裡面巢狀Fragment時,沒有使用getChildFragmentManager(),在Activity恢復後無法獲取FragmentManager內的Fragment,從而出現白屏。

2.1 解決方案

Fragment巢狀Fragment時,使用getChildFragmentManager()獲取事務