解决切换Fragment时布局重新实例化

关于Fragment

在这简单说一下Fragment，Fragment是Android 3.0以后才出现的，是为了适应不同的手机屏幕、平板和电视机的屏幕的。另外还有一个重要的原因，因为Activity的创建到销毁需要费时费内存，大量的Activity之间的跳转会造成堆栈饱满，引发程序崩溃或者无响应。为了解决这个问题，Fragment就产生了。Fragment是通过Activity的FragmentManager管理的，并且一个Activity可以管理多个Fragment，有效的解决了大量Activity造成的堆栈饱满问题。现在几乎每一个安卓App里面都用到了Fragment。

动态添加Fragment

首先你要有一个Fragment的载体，我是用帧布局FrameLayout作为载体。

布局文件：

avtivity_main.xml

然后在Activity中：

FragmentManager fragmentManager=getSupportFragmentManager();
fragmentManager.beginTransaction().replace(R.id.content,new FragmentOne()).commit();

这样就可以把Fragment动态添加到布局里面了。我们看一下效果：

重新实例化.gif

大家有没有发现，原来的Fragment里的数据会随着Fragment的切换而丢失了，也就是切换Fragment后再切换回来的话，前一个Fragment会被重新实例化，当然界面的数据也没了。为什么呢？重点来了。

解决Fragment重新实例化

如果每切换一次就实例化一次的话，FragmentManager管理下的栈也会爆满，最终会导致手机卡顿，这很明显不是正确的Fragment使用姿势。正确的姿势是使用Fragment提供的事务FragmentTransaction，然后用add的方法，而不是每次都用replace。
获取FragmentTransaction对象：

FragmentTransaction ft=fragmentManager.beginTransaction();

然后判断一下Fragment对象是否为空，不为空的话就用ft的hide方法把Fragment隐藏起来。不然会出现布局重叠的情况。

    public void hideFragment(FragmentTransaction ft){
        //如果不为空，就先隐藏起来
        if (oneFm!=null){
            ft.hide(oneFm);
        }
        if(twoFm!=null) {
            ft.hide(twoFm);
        }
    }

接着用ft的show方法将Fragment显示出来：

                /**
                 * 如果Fragment为空，就新建一个实例
                 * 如果不为空，就将它从栈中显示出来
                 */
                if (oneFm==null){
                    oneFm=new FragmentOne();
                    ft.add(R.id.content,oneFm);
                }else {
                    ft.show(oneFm);
                }

好了，我们看一下效果：

解决重新实例化.gif

解决屏幕旋转会布局重叠

据反应上面的方法在屏幕旋转后会发生布局重叠现象，其实解决这个问题很简单，只需记录一下位置即可。

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        //屏幕旋转时记录位置
        outState.putInt(POSITION, position);
    }

    @Override
    protected void onRestoreInstanceState(Bundle savedInstanceState) {
        //屏幕恢复时取出位置
        showFragment(savedInstanceState.getInt(POSITION));
        super.onRestoreInstanceState(savedInstanceState);
    }

是不是完美解决了问题？下面贴出整个MainActivity的代码：

MainActivity.java

package com.sonnyzoom.fragmentdemo;

import android.os.Bundle;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private Toolbar toolbar;
    private Button btnOne,btnTwo;
    public FragmentManager fragmentManager;
    private FragmentOne oneFm;
    private FragmentTwo twoFm;

    public static final String POSITION = "position";
    public static final int FRAGMENT_ONE=0;
    public static final int FRAGMENT_TWO=1;

    private int position;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        toolbar= (Toolbar) findViewById(R.id.toolBar);
        setSupportActionBar(toolbar);

        fragmentManager=getSupportFragmentManager();
        showFragment(FRAGMENT_ONE);

        btnOne= (Button) findViewById(R.id.btn_one);
        btnTwo= (Button) findViewById(R.id.btn_two);

        btnOne.setOnClickListener(this);
        btnTwo.setOnClickListener(this);

    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        //屏幕旋转时记录位置
        outState.putInt(POSITION, position);
    }

    @Override
    protected void onRestoreInstanceState(Bundle savedInstanceState) {
        //屏幕恢复时取出位置
        showFragment(savedInstanceState.getInt(POSITION));
        super.onRestoreInstanceState(savedInstanceState);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){

            case R.id.btn_one:
                showFragment(FRAGMENT_ONE);
                break;
            case R.id.btn_two:
                showFragment(FRAGMENT_TWO);
                break;

        }
    }

    public void showFragment(int index){

        FragmentTransaction ft=fragmentManager.beginTransaction();
        hideFragment(ft);

        //注意这里设置位置
        position = index;

        switch (index){

            case FRAGMENT_ONE:
                toolbar.setTitle("One");
                /**
                 * 如果Fragment为空，就新建一个实例
                 * 如果不为空，就将它从栈中显示出来
                 */
                if (oneFm==null){
                    oneFm=new FragmentOne();
                    ft.add(R.id.content,oneFm);
                }else {
                    ft.show(oneFm);
                }

                break;
            case FRAGMENT_TWO:
                toolbar.setTitle("Two");

                if (twoFm==null){
                    twoFm=new FragmentTwo();
                    ft.add(R.id.content,twoFm);
                }else {
                    ft.show(twoFm);
                }

                break;
        }

        ft.commit();
    }

    public void hideFragment(FragmentTransaction ft){
        //如果不为空，就先隐藏起来
        if (oneFm!=null){
            ft.hide(oneFm);
        }
        if(twoFm!=null) {
            ft.hide(twoFm);
        }
    }

}

试试吧！

如果你还在纠结这个问题，那就动手敲一遍吧。
如果文章中有什么错误的地方，欢迎在评论下方留言！