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()获取事务