切换Fragment时实现数据保持

泡在网上的日子 / 文 发表于2014-03-13 00:31 次阅读 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_containerfragment要嵌入的布局控件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);
}

收藏 赞 (13) 踩 (5)
上一篇:android中橡皮筋回弹效果的实现
ios中对可以滚动的视图都在系统层面上实现了触碰到边缘的阻尼回弹效果,用户一看便知自己的操作已经到了边界。android中也有类似的方案,不过当到达边界的时候不是用阻尼的方式,而是逐渐显示一个渐变颜色。ios的那种体验无疑会友好很多,也许是当初ios吵着
下一篇:开源日历控件Caldroid的使用
Caldroid是一个以月为单位展示日期的日历控件,主要功能在一个Fragment中。Caldroid既可以以Fragment的形式嵌套在布局中,也可以作为dialog fragment以对话框的形式展示出来。可以通过左右滑动切换月份。 Caldroid可以随意自定义属性,为了支持更多国家的实