使用ActionBar和Viewpager实现Tab导航



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

在活动的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有一个列表视图,它使用AsyncTask从web服务器获取数据。

Fragment2只是一个空的片段

public class Fragment2 extends SherlockFragment {
}

问题:

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

我不是以正确的方式实现PagerAdapter吗?

这种行为没有错。

ViewPager试图将碎片对内存的影响降到最低。如果您使用FragmentPagerAdapter,那么一旦碎片离开屏幕,它的视图就会被销毁。

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

如果你只有5个选项卡,并且你想把这些选项卡的所有视图都保存在内存中,你可以修改ViewPager.setOffsetscreenPageLimit保存的视图数量。这个方法可以让你指定每侧保存的视图数。如果您只有5个选项卡,则可以将4设置为offScreenPageLimit,以使每个视图都保留在内存中,即使用户在其中一个外部选项卡上也是如此。

请记住,视图被破坏是有原因的。这是一个性能优化,即使offScreenPageLimit为10可能在您的设备上工作,它也可能使内存较少的设备崩溃。将限制设置为一个合理的数字,并正确实现片段的onDestroyView和oncreateView方法。

最新更新