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

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);

        }

    }

}

巴特西

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