切换Fragment时实现数据保持
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); }