美文网首页AndroidUIfragment的坑
Fragment 重叠(重影)问题

Fragment 重叠(重影)问题

作者: Liz_Miller | 来源:发表于2016-07-01 10:21 被阅读2109次

    在最近做的项目中,遇到了 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;
    } 
    }
    */
    }
    

    相关文章

      网友评论

      本文标题: Fragment 重叠(重影)问题

      本文链接:https://www.haomeiwen.com/subject/ynpfjttx.html