Fragment 重叠(重影)问题

在最近做的项目中,遇到了 Fragment 重叠的问题。在用Fragment做Tab页面,发现有时候进入应用会同时显示多个Tab内容,UI发生重叠。直接back键退出应用再进入时,则没有出现该问题。

后面才知道,当应用被强行关闭后(通过手机管家软件手动强关,或系统为节省内存自动关闭应用),再次进入应用时,每次都有这现象。正常情况下显示是对的,现象发生在我切换到其他的app,操作一会之后,再回到当前的app,有一定几率会出现 Fragment 重叠的现象。具体的情况是,app 需要在多个 Fragment 间切换,并且保存每个 Fragment 的状态。官方的方法是使用 replace() 来替换 Fragment,但是 replace() 的调用会导致 Fragment 的 onCreateView() 被调用,所以切换界面时会无法保存当前的状态。因此一般采用 add()、hide()与 show()配合,来达到保存 Fragment 的状态。

可以通过下面的方式进行手动重现这个BUG:

1.手机的 “设置” - “开发者选项” - 打开”不保留活动”(主要用于模拟Activity被及时回收)

2.把 app 切换到后台,再重新打开,通过点按不同的 tab 来切换 Fragment

起初我以为是我在使用add()、hide() 、show() 切换 Fragment 的时候有什么地方使用的不对,尝试去解决重叠的 bug,无果后,还是通过 google 找出了原因和解决方案。

原因

使用 Fragment 的状态保存,当系统内存不足,Fragment 的宿主 Activity 回收的时候,Fragment 的实例并没有随之被回收。Activity 被系统回收时,会主动调用 onSaveInstance() 方法来保存视图层(View Hierarchy),所以当 Activity 通过导航再次被重建时,之前被实例化过的 Fragment 依然会出现在 Activity 中,此时的 FragmentTransaction 中的相当于又再次 add 了 fragment 进去的,hide()和show()方法对之前保存的fragment已经失效了。综上这些因素导致了多个Fragment重叠在一起。

通过分析发现,正常back键退出应用时,Activity及Fragment对象会被销毁,因此再次进入时会在切换到Tab时创建对应的Fragment对象。

但是当强行关闭应用后,Activity虽然被回收,但Fragment对象仍然保持,再次进入应用时,系统会分别调用Fragment的onAttach方法将其附加到Activity上,

这里对应的就是强行关闭应用前的fragment对象,

后面会分别调用两个fragment的onCreateView方法,因此这两个Fragment对应的View层次结构都会加到Activity的View层次中。

虽然setSelection方法会把所有fragment先隐藏再显示选中的对象,但由于此时Activity中Fragment对象的成员变量还未初始化,因此会再次实例化fragment对象,

之后add、show及hide的都是在第二次创建的对象上操作的,而之前被保持的fragment对象的视图层次已经反映到Activity视图中并且不会被hide,因此发生了上述重叠现象。

解决方法:

方案一:

在Activity的onAttachFragment方法中,有一个fragment参数,它就是onAttach方法对应的Fragment对象,

通过判断这个fragment对象,如果属于我们的FragmentTabX类并且该类还未被实例化过,则将Activity的成员变量mFragmentTabX指向该fragment对象,这样就可以在原来的fragment对象上操作add/show/hide,因此不会有重叠现象

方案二:

Activity 中的 onSaveInstanceState() 里面有一句super.onSaveInstanceState(outState);,Google 对于这句话的解释是 “Always call the superclass so it can save the view hierarchy state”,大概意思是“总是执行这句代码来调用父类去保存视图层的状态”。通过注释掉这句话,这样主 Activity 因为种种原因被回收的时候就不会保存之前的 fragment state,也可以成功解决重叠的问题。


//解决重叠,方法1
@Override
protectedvoidonSaveInstanceState(Bundle outState) {
//如果用以下这种做法则不保存状态,再次进来的话会显示默认tab
//super.onSaveInstanceState(outState);
}
//解决重叠,方法2
@Override
publicvoidonAttachFragment(Fragment fragment){
//当前的界面的保存状态,只是重新让新的Fragment指向了原本未被销毁的fragment,它就是onAttach方法对应的Fragment对象
if(FragmentA ==null&& fragmentinstanceofFragmentTabA)
{

FragmentA = (FragmentTabA)fragment;

}else if(FragmentB ==null&& fragmentinstanceofFragmentTabB){

FragmentB = (FragmentTabB)fragment;

}else if(FragmentC ==null&& fragmentinstanceofFragmentTabC){

FragmentC = (FragmentTabC)fragment;

}else if(FragmentD ==null&& fragmentinstanceofFragmentTabD){

FragmentD = (FragmentTabD)fragment;

}

}

通过以上也可知,某些情况当系统需要将Activity回收以便节省内存时,Activity内部保持的fragment不会被销毁,可用于保存/恢复数据。

下面是全部的代码:

package com.mobile.margaret.margaretapplication.activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTransaction;
import android.util.Log;import android.view.Window;
import android.view.WindowManager;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import com.mobile.margaret.margaretapplication.R;
import com.mobile.margaret.margaretapplication.fragment.FragmentTabA;
import com.mobile.margaret.margaretapplication.fragment.FragmentTabB;
import com.mobile.margaret.margaretapplication.fragment.FragmentTabC;
import com.mobile.margaret.margaretapplication.fragment.FragmentTabD;

/** * @author Liz_Miller 
* @Title: TabActivity_Fragment_RadioGroup
 * @Package com.mobile.margaret.margaretapplication.activity 
* @Description: ${todo}(用一句话描述该文件做什么)
 * @date 2016/5/30 15:07 */

public class TabActivity_Fragment_RadioGroup extends FragmentActivity{ 

private static final String TAG = "Liz_Miller"; 
private FrameLayout mHomeContent;
 private RadioGroup mHomeRadioGroup;
 private RadioButton mHomeA;
 private RadioButton mHomeB; 
private RadioButton mHomeC;
 private RadioButton mHomeD; 
private Fragment FragmentA; 
private Fragment FragmentB; 
private Fragment FragmentC; 
private Fragment FragmentD; 
private int tabIds[] = new int[]{ R.id.id_tab_weixin, R.id.id_tab_frd, R.id.id_tab_address, R.id.id_tab_setting, };

 @Override
 protected void onCreate(Bundle savedInstanceState){
   
     super.onCreate(savedInstanceState);
     Log.d(TAG,"onCreate");     
    getWindow() .setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,               
    WindowManager.LayoutParams.FLAG_FULLSCREEN);   
    requestWindowFeature(Window.FEATURE_NO_TITLE);       
    setContentView(R.layout.layout_fragment_radiogroup_maintab); 
    initViews();
    initEvents();
 }

 //初始化控件
 public void initViews()
{ 
   mHomeContent = (FrameLayout)findViewById(R.id.fragment_content); 
   mHomeRadioGroup = (RadioGroup)findViewById(R.id.mHomeRadioGroup);   
   mHomeA = (RadioButton)findViewById(R.id.id_tab_weixin);
  mHomeB = (RadioButton)findViewById(R.id.id_tab_frd); 
  mHomeC = (RadioButton)findViewById(R.id.id_tab_address);
  mHomeD = (RadioButton)findViewById(R.id.id_tab_setting);
 } 
@Override 
public void onAttachFragment(Fragment fragment) {
    // TODO Auto-generated method stub 
        super.onAttachFragment(fragment);
        Log.d(TAG,"onAttachFragment");
 } 

@Override 
protected void onDestroy() { 
  // TODO Auto-generated method stub
      super.onDestroy(); 
      Log.d(TAG,"onDestroy");
 }
 @Override
 protected void onPause() {
   // TODO Auto-generated method stub
       super.onPause(); 
       Log.d(TAG,"onPause"); 
}

 @Override
 protected void onResume() { 
   // TODO Auto-generated method stub 
       super.onResume();
       Log.d(TAG,"onResume");
 } 

@Override 
protected void onStart() { 
// TODO Auto-generated method stub
    super.onStart();
    Log.d(TAG, "onStart"); 
} 

@Override  
protected void onStop() { 
// TODO Auto-generated method stub
     super.onStop();
    Log.d(TAG, "onStop"); 
} 

public void initEvents()
{
    mHomeRadioGroup.setOnCheckedChangeListener(
    new RadioGroup.OnCheckedChangeListener() 
    {
          @Override
        public void onCheckedChanged(RadioGroup group, int checkedId) {
                     for (int i = 0; i < tabIds.length; i++) { 
                        if (tabIds[i] == checkedId) {
                               setSelection(i);
                               break; 
                        }
        } 
     } 
  });
 setSelection(0);
} 

private void setSelection(int position){
  FragmentManager fm = getSupportFragmentManager(); 
  FragmentTransaction mfragmentTransaction = fm.beginTransaction();          
  hideAllFragments(mfragmentTransaction);
 switch (position){
      case 0:
          mHomeA.setSelected(true); 
          if (FragmentA == null) {
               FragmentA = new FragmentTabA();          
               mfragmentTransaction.add(R.id.fragment_content, FragmentA);
          }
         else { 
            mfragmentTransaction.show(FragmentA); 
          } 
          break; 
      case 1:
           mHomeB.setSelected(true); 
           if (FragmentB == null) { 
                FragmentB = new FragmentTabB();  
               mfragmentTransaction.add(R.id.fragment_content, FragmentB);
            }
            else {
                 mfragmentTransaction.show(FragmentB); 
             }
             break; 
      case 2: 
          mHomeC.setSelected(true); 
          if (FragmentC == null) {
               FragmentC = new FragmentTabC();       
              mfragmentTransaction.add(R.id.fragment_content, FragmentC);
           }
           else {
               mfragmentTransaction.show(FragmentC);
            } 
            break;
     case 3: 
           mHomeD.setSelected(true);
           if (FragmentD == null) { 
                FragmentD = new FragmentTabD();           
                mfragmentTransaction.add(R.id.fragment_content, FragmentD); 
           }
           else { 
              mfragmentTransaction.show(FragmentD); 
            } 
            break; 
     default: 
          break;
  } 
  mfragmentTransaction.commit();
}

 private void hideAllFragments(FragmentTransaction ft){
       if (FragmentA != null) 
       { 
          ft.hide(FragmentA); 
          mHomeA.setSelected(false); 
       } 
       if (FragmentB != null) 
      {
         ft.hide(FragmentB); 
         mHomeB.setSelected(false);
      } 
      if (FragmentC != null)
      {
          ft.hide(FragmentC);
          mHomeC.setSelected(false); 
      } 
       if (FragmentD != null)
       {
           ft.hide(FragmentD);
           mHomeD.setSelected(false);
       }
 } 

//解决重叠,方法1
 @Override 
protected void onSaveInstanceState(Bundle outState) { 
         //如果用以下这种做法则不保存状态,再次进来的话会显示默认的tab
          // super.onSaveInstanceState(outState); 
}


 //解决重叠,方法2
 /* @Override
 public void onAttachFragment(Fragment fragment){
 //当前的界面的保存状态,只是从新让新的Fragment指向了原本未被销毁的fragment,它就是onAttach方法对应的Fragment对象
 if(FragmentA == null && fragment instanceof FragmentTabA)
  { 
        FragmentA = (FragmentTabA)fragment;
  }else if(FragmentB == null && fragment instanceof FragmentTabB)
  {      
       FragmentB = (FragmentTabB)fragment;
 }else if(FragmentC == null && fragment instanceof FragmentTabC)
  { 
      FragmentC = (FragmentTabC)fragment; 
}else if(FragmentD == null && fragment instanceof FragmentTabD)
{  
     FragmentD = (FragmentTabD)fragment;
} 
}
*/
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,001评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,210评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,874评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,001评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,022评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,005评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,929评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,742评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,193评论 1 309
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,427评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,583评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,305评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,911评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,564评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,731评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,581评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,478评论 2 352

推荐阅读更多精彩内容