（转载）解决切换Fragment时布局重新实例化

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

作者 instanceof 关注

2015.12.30 17:25* 字数 628 阅读 7616评论 17喜欢 23

关于Fragment

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

动态添加Fragment

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

布局文件：

avtivity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.sonnyzoom.fragmentdemo.MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolBar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="3"
            android:background="#CEE"
            android:orientation="vertical">

            <Button
                android:id="@+id/btn_one"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="one" />

            <Button
                android:id="@+id/btn_two"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="two" />

        </LinearLayout>

        <FrameLayout
            android:id="@+id/content"
            android:background="#EEE"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1" />

    </LinearLayout>

</LinearLayout>

然后在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);
        }
    }

}