切換Fragment時實現數據保持

摘要 Fragment設計初衷是爲了簡化不一樣屏幕分辨率的開發難度，他將表明一個功能的UI及其相關數據看作一個模塊，以便達到複用。能夠將Fragment看做是一個能夠嵌入佈局中的activity，有本身的生命週期。

Fragment設計初衷是爲了簡化不一樣屏幕分辨率的開發難度，他將表明一個功能的UI及其相關數據看作一個模塊，以便達到複用。能夠將Fragment看做是一個能夠嵌入佈局中的activity，有本身的生命週期。好比我如今在手機上有activityA和activityB，可是在平板上有更大的空間，能夠將activityA和activityB的功能展現在同一個界面中，若是沒有Fragment咱們就沒法在不改變代碼的狀況下將activityA和activityB的功能放在一塊兒。

Fragment的詳細介紹請看：http://jcodecraeer.com/a/anzhuokaifa/androidkaifa/2012/0828/383.html

在這篇文章中咱們先回憶一下他的用法：

FragmentManager fragmentManager = getFragmentManager()
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
ExampleFragment fragment = new ExampleFragment();
fragmentTransaction.add(R.id.fragment_container, fragment);
fragmentTransaction.commit();

R.id.fragment_container是fragment要嵌入的佈局控件id。當我想在另外的地方也嵌套一個ExampleFragment時，能夠作一樣的操做就能將UI拷貝一份，若是咱們是想在R.id.fragment_container這個控件裏面顯示另一個Fragment咱們還能夠用fragmentTransaction.replace(R.id.fragment_container, fragment2)來替換以前的fragment。因爲能夠在同一個地方動態的顯示不一樣的UI，所以Fragment很適合拿來作以下的界面效果：

上面的界面是百度雲app的效果，每點擊一個tab就切換成一個界面，咱們能夠很容易想到實現的原理就是點擊一個tab 調fragmentTransaction.replace來替換成新的Fragment。

可是頻繁切換Fragment會致使頻繁的釋放和建立，若是Fragment比較臃腫或者須要從網絡加載數據這樣就很是很差了。replace方法是致使切換時從新建立Fragment的元兇，顯然咱們但願的是使用Fragment， 可是被替代的Fragment不要釋放，以便下次切換回來直接就顯示。

咱們知道ViewPager其實有個FragmentPagerAdapter， FragmentPagerAdapter不光能夠用在ViewPager中，還能夠用來做爲Fragment的切換提供器，其實ViewPager中他的做用也是如此。FragmentPagerAdapter能夠將不少個Fragment保存起來以供取出，而且封裝了取出的接口，其實仍是經過FragmentTransaction來實現的。

我能夠這樣來實現百度雲的效果，如何從FragmentPagerAdapter中取出fragment參考了ViewPager的源碼：

package com.nmbb.sample.fragmentswitch;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentPagerAdapter;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.FrameLayout;
import android.widget.RadioButton;
public class MainActivity extends FragmentActivity implements
        OnCheckedChangeListener, OnClickListener {
    private RadioButton mTab1;
    private RadioButton mTab2;
    private RadioButton mTab3;
    private RadioButton mTab4;
    private RadioButton mTab5;
    private FrameLayout mContainer;
    public CompoundButton currentButtonView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mTab1 = (RadioButton) findViewById(R.id.radio_button0);
        mTab2 = (RadioButton) findViewById(R.id.radio_button1);
        mTab3 = (RadioButton) findViewById(R.id.radio_button2);
        mTab4 = (RadioButton) findViewById(R.id.radio_button3);
        mTab5 = (RadioButton) findViewById(R.id.radio_button4);
        mContainer = (FrameLayout) findViewById(R.id.container);
        mTab1.setOnCheckedChangeListener(this);
        mTab2.setOnCheckedChangeListener(this);
        mTab3.setOnCheckedChangeListener(this);
        mTab4.setOnCheckedChangeListener(this);
        mTab5.setOnCheckedChangeListener(this);
        mTab1.setOnClickListener(this);
        mTab2.setOnClickListener(this);
        mTab3.setOnClickListener(this);
        mTab4.setOnClickListener(this);
        mTab5.setOnClickListener(this);
        mTab1.performClick();
    }
    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if (isChecked) {
            Fragment fragment = (Fragment) mFragmentPagerAdapter
                    .instantiateItem(mContainer, buttonView.getId());
            mFragmentPagerAdapter.setPrimaryItem(mContainer, 0, fragment);
            mFragmentPagerAdapter.finishUpdate(mContainer);
        }
    }
    private FragmentPagerAdapter mFragmentPagerAdapter = new FragmentPagerAdapter(
            getSupportFragmentManager()) {
        @Override
        public Fragment getItem(int position) {
            switch (position) {
            case R.id.radio_button1:
                return FragmentTest.instantiation(2);
            case R.id.radio_button2:
                return FragmentTest.instantiation(3);
            case R.id.radio_button3:
                return FragmentTest.instantiation(4);
            case R.id.radio_button4:
                return FragmentTest.instantiation(5);
            case R.id.radio_button0:
            default:
                return FragmentTest.instantiation(1);
            }
        }
        @Override
        public int getCount() {
            return 5;
        }
    };
    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
    }
}

instantiateItem從FragmentManager中查找Fragment，找不到就getItem新建一個，setPrimaryItem設置隱藏和顯示，最後finishUpdate提交事務。

mContainer就是xml中的FrameLayout。

FragmentTest的代碼以下：

package com.nmbb.sample.fragmentswitch;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class FragmentTest extends Fragment {
    public static FragmentTest instantiation(int position) {
        FragmentTest fragment = new FragmentTest();
        Bundle args = new Bundle();
        args.putInt("position", position);
        fragment.setArguments(args);
        return fragment;
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_test, container, false);
    }
    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        TextView text1 = (TextView) view.findViewById(android.R.id.text1);
        text1.setText("Fragment " + getArguments().getInt("position", 1));
    }
                                                                                                                                                                                                                
    @Override
    public void setMenuVisibility(boolean menuVisible) {
        super.setMenuVisibility(menuVisible);
        if (this.getView() != null)
            this.getView().setVisibility(menuVisible ? View.VISIBLE : View.GONE);
    }
}

其中,下面的代碼很關鍵,沒有下面的代碼會出現切換tab的時候重影現象：

@Override
public void setMenuVisibility(boolean menuVisible) {
    super.setMenuVisibility(menuVisible);
    if (this.getView() != null)
        this.getView().setVisibility(menuVisible ? View.VISIBLE : View.GONE);
}