使用ActionBar和Viewpager实现选项卡导航

时间:2012-11-20 08:15:43

标签: android android-fragments android-actionbar android-viewpager

我有3个标签,其中第一个有实际数据(列表视图),其余2个为空。我只是想实现标签导航。

在Activity的onCreate中我有:

mViewPager = new ViewPager(this);
mViewPager.setId(R.id.pager);
setContentView(mViewPager);
actionBar = getSupportActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
PagerAdapter adapter = new PagerAdapter((SlidingFragmentActivity) this,
            mViewPager);

adapter.addTab(actionBar.newTab().setText("Tab-1"),
            Fragment1.class, null);
adapter.addTab(actionBar.newTab().setText("Tab-2"),
            Fragment2.class, null);
adapter.addTab(actionBar.newTab().setText("Tab-3"),
            Fragment2.class, null);

PagerAdapter 是:

public static class PagerAdapter extends FragmentPagerAdapter implements
        ActionBar.TabListener, ViewPager.OnPageChangeListener {
    private final Context mContext;
    private final ActionBar mActionBar;
    private final ViewPager mViewPager;
    private final ArrayList<TabInfo> mTabs = new ArrayList<TabInfo>();

    static final class TabInfo {
        private final Class<?> clss;
        private final Bundle args;

        TabInfo(Class<?> _class, Bundle _args) {
            clss = _class;
            args = _args;
        }
    }

    public PagerAdapter(SlidingFragmentActivity activity, ViewPager pager) {
        super(activity.getSupportFragmentManager());
        mContext = activity;
        mActionBar = activity.getSupportActionBar();
        mViewPager = pager;
        mViewPager.setAdapter(this);
        mViewPager.setOnPageChangeListener(this);
    }

    public void addTab(ActionBar.Tab tab, Class<?> clss, Bundle args) {
        TabInfo info = new TabInfo(clss, args);
        tab.setTag(info);
        tab.setTabListener(this);
        mTabs.add(info);
        mActionBar.addTab(tab);
        notifyDataSetChanged();
    }

    public int getCount() {
        return mTabs.size();
    }

    public SherlockFragment getItem(int position) {
        TabInfo info = mTabs.get(position);
        return (SherlockFragment) Fragment.instantiate(mContext,
                info.clss.getName(), info.args);
    }

    public void onPageSelected(int position) {
        mActionBar.setSelectedNavigationItem(position);
    }

    public void onPageScrollStateChanged(int state) {
    }

    public void onPageScrolled(int position, float positionOffset,
            int positionOffsetPixels) {
    }

    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        mViewPager.setCurrentItem(tab.getPosition());
    }

    public void onTabUnselected(Tab tab, FragmentTransaction ft) {

    }

    public void onTabReselected(Tab tab, FragmentTransaction ft) {
    }
}

这里Fragment1有一个listview,它使用AsyncTask从Web服务器获取数据。

Fragment2只是一个空片段

public class Fragment2 extends SherlockFragment {

}

问题:

当我选择 Tab-2 ,然后 Tab-3 并返回 Tab-2 Fragment1的onCreateView 正在被召唤。虽然 Tab-2 显示白屏,但正在调用 Fragment1的onCreateView ,我使用logcat进行了检查。

我没有以正确的方式实施 PagerAdapter 吗?

1 个答案:

答案 0 :(得分:3)

这种行为没有任何问题。

ViewPager尝试最小化片段对内存的影响。如果使用FragmentPagerAdapter,则片段的视图一旦离开屏幕就会被销毁。

通常,ViewPager会将视图保持在内存中当前视图的左侧和右侧,以启用快速切换选项卡。

如果您只说5个标签,并且希望在内存中包含此标签的所有视图,则可以修改ViewPager.setOffscreenPageLimit保留的视图数量。此方法允许您指定每侧保留的视图数。如果您只有5个选项卡,则可以将4设置为offScreenPageLimit,以使每个视图保留在内存中,即使用户位于其中一个外部选项卡中也是如此。

请记住,视图因某种原因而被销毁。这是性能优化,即使offScreenPageLimit为10可能在您的设备上运行,它也可能会使内存较少的设备崩溃。将限制设置为合理的数字,并将片段的onDestroyViewoncreateView方法设置为正确。