ViewPager和Tabhost结合，可滑动的tabhost

有朋友反映资源下载下来有问题，我看了下，确实是，已更新下面文章中的代码和资源，现在可以好好的跑起来了，另外还改动了个小地方的逻辑，因为我在使用中出了点小错，需要的可以试下。另外，在使用中，注意下子activity中的上下文context,有可能有错，具体的东西在源码里有。

 

源码下载：https://github.com/qianjin/TestTabHost （csdn我传不上来，传到git去了）

可滑动的Tabhost,借助了surporrtV13,V4也差不多，一样的。

二者结合，当tabhost的tabbar点击的时候，viewPager滑动，滑动viewPager的时候，tabbar切换。tabbar的样式进行了重新布局，当然，你也可以自己定义自己的，详情看代码吧（下面有源码下载的地址）。

首先你要先在项目下建个libs把surporrtV13的jar包放进去。

效果图：

 

/**
 * Program  : ViewPagerActivity.java
 * Author   : qianj
 * Create   : 2012-5-31 下午2:02:15
 */

package cn.learn.tabhosttest;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.app.LocalActivityManager;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.TabHost;
import android.widget.TabHost.OnTabChangeListener;
import android.widget.TextView;
/**
 *
 * @author qianj
 * @version 1.0.0
 * @2012-5-31 下午2:02:15
 */
public class ViewPagerActivity extends Activity {

    List<View> listViews;

    Context context = null;

    LocalActivityManager manager = null;

    TabHost tabHost = null;

    private ViewPager pager = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.viewpager);

        context = ViewPagerActivity.this;

        pager  = (ViewPager) findViewById(R.id.viewpager);

        //定放一个放view的list，用于存放viewPager用到的view
        listViews = new ArrayList<View>();

        manager = new LocalActivityManager(this, true);
        manager.dispatchCreate(savedInstanceState);

        Intent i1 = new Intent(context, T1Activity.class);
        listViews.add(getView("A", i1));
        Intent i2 = new Intent(context, T2Activity.class);
        listViews.add(getView("B", i2));
        Intent i3 = new Intent(context, T3Activity.class);
        listViews.add(getView("C", i3));

        tabHost = (TabHost) findViewById(R.id.tabhost);
        tabHost.setup();
        tabHost.setup(manager);


        //这儿主要是自定义一下tabhost中的tab的样式
        RelativeLayout tabIndicator1 = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.tabwidget, null);
        TextView tvTab1 = (TextView)tabIndicator1.findViewById(R.id.tv_title);
        tvTab1.setText("第一页");

        RelativeLayout tabIndicator2 = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.tabwidget,null);
        TextView tvTab2 = (TextView)tabIndicator2.findViewById(R.id.tv_title);
        tvTab2.setText("第二页");

        RelativeLayout tabIndicator3 = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.tabwidget,null);
        TextView tvTab3 = (TextView)tabIndicator3.findViewById(R.id.tv_title);
        tvTab3.setText("第三页");

        Intent intent = new Intent(context,EmptyActivity.class);
        //注意这儿Intent中的activity不能是自身,所以我弄了个空的acitivity
        tabHost.addTab(tabHost.newTabSpec("A").setIndicator(tabIndicator1).setContent(intent));
        tabHost.addTab(tabHost.newTabSpec("B").setIndicator(tabIndicator2).setContent(intent));
        tabHost.addTab(tabHost.newTabSpec("C").setIndicator(tabIndicator3).setContent(intent));


        pager .setAdapter(new MyPageAdapter(listViews));
        pager .setOnPageChangeListener(new OnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                //当viewPager发生改变时，同时改变tabhost上面的currentTab
                tabHost.setCurrentTab(position);
            }
            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
            }
            @Override
            public void onPageScrollStateChanged(int arg0) {
            }
        });


     //点击tabhost中的tab时，要切换下面的viewPager
     tabHost.setOnTabChangedListener(new OnTabChangeListener() {
            @Override
            public void onTabChanged(String tabId) {

                if ("A".equals(tabId)) {
                    pager.setCurrentItem(0);
                }
                if ("B".equals(tabId)) {

                    pager.setCurrentItem(1);
                }
                if ("C".equals(tabId)) {
                    pager.setCurrentItem(2);
                }
            }
        });



    }

    private View getView(String id, Intent intent) {
        return manager.startActivity(id, intent).getDecorView();
    }

    private class MyPageAdapter extends PagerAdapter {

        private List<View> list;

        private MyPageAdapter(List<View> list) {
            this.list = list;
        }

        @Override
        public void destroyItem(View view, int position, Object arg2) {
            ViewPager pViewPager = ((ViewPager) view);
            pViewPager.removeView(list.get(position));
        }

        @Override
        public void finishUpdate(View arg0) {
        }

        @Override
        public int getCount() {
            return list.size();
        }

        @Override
        public Object instantiateItem(View view, int position) {
            ViewPager pViewPager = ((ViewPager) view);
            pViewPager.addView(list.get(position));
            return list.get(position);
        }

        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == arg1;
        }

        @Override
        public void restoreState(Parcelable arg0, ClassLoader arg1) {
        }

        @Override
        public Parcelable saveState() {
            return null;
        }

        @Override
        public void startUpdate(View arg0) {
        }

    }

}