Fragment重影（重疊）白屏等問題原理解析，以及解決方案

Lance_小超發表於2019-03-04
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()獲取事務

相關文章