Here is an example of my adapter that solves your problem. TabsPagerAdapter is just separate class.
/**
* This is a helper class that implements the management of tabs and all
* details of connecting a ViewPager with associated TabHost. It relies on a
* trick. Normally a tab host has a simple API for supplying a View or
* Intent that each tab will show. This is not sufficient for switching
* between pages. So instead we make the content part of the tab host
* 0dp high (it is not shown) and the TabsAdapter supplies its own dummy
* view to show as the tab content. It listens to changes in tabs, and takes
* care of switch to the correct paged in the ViewPager whenever the selected
* tab changes.
*/
public class TabsPagerAdapter extends FragmentPagerAdapter implements TabHost.OnTabChangeListener, ViewPager.OnPageChangeListener{
private final Context mContext;
private final TabHost mTabHost;
private final ViewPager mViewPager;
private final OnPageChangeListener mListener;
private final ArrayList<TabInfo> mTabs = new ArrayList<TabInfo>();
private final FragmentManager mFragmentManager;
static final class TabInfo {
private final String tag;
private final Class<?> clss;
private final Bundle args;
TabInfo(String _tag, Class<?> _class, Bundle _args) {
tag = _tag;
clss = _class;
args = _args;
}
}
static class DummyTabFactory implements TabHost.TabContentFactory {
private final Context mContext;
public DummyTabFactory(Context context) {
mContext = context;
}
@Override
public View createTabContent(String tag) {
View v = new View(mContext);
v.setMinimumWidth(0);
v.setMinimumHeight(0);
return v;
}
}
public void addTab(String label, String tag, Drawable drawable, Class<?> c, int resourse) {
addTab(this.mContext, label, tag, drawable, c, resourse);
}
public void addTab(Context context, String label, String tag, Drawable drawable, Class<?> c, int resourse) {
Intent intent = new Intent(context, c);
TabHost.TabSpec spec = mTabHost.newTabSpec(tag);
View tabIndicator = LayoutInflater.from(context).inflate(resourse, (TabWidget)mTabHost.findViewById(android.R.id.tabs), false);
ImageView icon = (ImageView) tabIndicator.findViewById(R.id.icon);
icon.setImageDrawable(drawable);
icon.setScaleType(ImageView.ScaleType.FIT_CENTER);
spec.setIndicator(tabIndicator);
spec.setContent(intent);
this.addTab(spec, c, null);
}
public TabsPagerAdapter(FragmentActivity activity, TabHost tabHost, ViewPager pager, OnPageChangeListener listener, FragmentManager manager) {
super(manager);
mFragmentManager = manager;
mContext = activity;
mTabHost = tabHost;
mViewPager = pager;
mListener = listener;
mTabHost.setOnTabChangedListener(this);
mViewPager.setAdapter(this);
mViewPager.setOnPageChangeListener(this);
}
public void addTab(TabHost.TabSpec tabSpec, Class<?> clss, Bundle args) {
tabSpec.setContent(new DummyTabFactory(mContext));
String tag = tabSpec.getTag();
TabInfo info = new TabInfo(tag, clss, args);
mTabs.add(info);
mTabHost.addTab(tabSpec);
notifyDataSetChanged();
}
@Override
public int getCount() {
return mTabs.size();
}
@Override
public CharSequence getPageTitle (int position){
}
public Fragment getCurrentFragment() {
return getFragmentAt(mTabHost.getCurrentTab());
}
public Fragment getFragmentAt(int position){
return mFragmentManager.findFragmentByTag("android:switcher:" + mViewPager.getId() + ":" + position);
}
@Override
public Fragment getItem(int position) {
TabInfo info = (TabInfo) mTabs.get(position);
return Fragment.instantiate(mContext, info.clss.getName(), info.args);
}
@Override
public void onTabChanged(String tabId) {
//called when the user clicks on a tab.
int position = mTabHost.getCurrentTab();
if(mViewPager.getCurrentItem() != position){
mViewPager.setCurrentItem(position);
}
}
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
if(mListener!=null){
mListener.onPageScrolled(position, positionOffset, positionOffsetPixels);
}
}
@Override
public void onPageSelected(int position) {
// Unfortunately when TabHost changes the current tab, it kindly
// also takes care of putting focus on it when not in touch mode.
// The jerk.
// This hack tries to prevent this from pulling focus out of our
// ViewPager.
TabWidget widget = mTabHost.getTabWidget();
int oldFocusability = widget.getDescendantFocusability();
widget.setDescendantFocusability(ViewGroup.FOCUS_BLOCK_DESCENDANTS);
mTabHost.setCurrentTab(position);
widget.setDescendantFocusability(oldFocusability);
if(mListener!=null){
mListener.onPageSelected(position);
}
}
@Override
public void onPageScrollStateChanged(int state) {
if(mListener!=null){
mListener.onPageScrollStateChanged(state);
}
}
}
This is android example framentadapter with tiny modifications.
Example usage MainActivity.java
class MainActivity extends FragmentActivuty{
public void onCreate(Bundle savedInstanceState){
setContentView(R.layout.activity_main);
mTabHost = (TabHost) findViewById(android.R.id.tabhost);
mTabHost.setup();
mViewPager = (ViewPager) findViewById(R.id.pager);
mTabsAdapter = new TabsPagerAdapter(this, mTabHost, mViewPager,null, getSupportFragmentManager());
mTabsAdapter.addTab("Button", "button",getResources().getDrawable(R.drawable.yourdrawable),
ButtonFragment.class, R.layout.yourtablayout);
mTabsAdapter.addTab("Text","text",getResources().getDrawable(R.drawable.yourdrawable), TextFragment.class, R.layout.yourtablayout);
//This is needed so your tabs do not reload each time
mViewPager.setOffscreenPageLimit(mTabsAdapter.getCount());
}