ViewPager和TabHost结合学习心得

 刚开始做项目，有一个页面上面是三个标签, 下面三个页面可以左右滑动，刚开始挺抓狂的，怎么让它们标签与页面关联起来呢？我想到了TabHost和ViewPager结合，使用TabHost切换Activity，使用ViewPager切换界面，废话少说，直接看代码吧。

   先看看布局文件：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

   android:layout_width="match_parent"

   android:layout_height="match_parent"

   android:orientation="vertical" >

   <RelativeLayout

       android:id="@+id/relativeLayout1"

       android:layout_width="match_parent"

       android:layout_height="40dp"

       android:layout_alignParentLeft="true"

       android:layout_alignParentTop="true"

       android:background="@color/GoldEnrod" >

       <EditText

           android:id="@+id/editText1"

           android:layout_width="match_parent"

           android:layout_height="wrap_content"

           android:layout_centerHorizontal="true"

           android:layout_centerVertical="true"

           android:layout_marginLeft="22dp"

           android:background="@drawable/albums_icon_bg"

           android:ems="10"

           android:hint="请输入歌名：" >

           <requestFocus />

       </EditText>

   </RelativeLayout>

   <TabHost

       android:id="@android:id/tabhost"

       android:layout_width="match_parent"

       android:layout_height="match_parent"

       android:layout_alignParentLeft="true"

       android:layout_alignParentTop="true" >

       <LinearLayout

           android:layout_width="match_parent"

           android:layout_height="match_parent"

           android:orientation="vertical" >

           <TabWidget

               android:id="@android:id/tabs"

               android:layout_width="match_parent"

               android:layout_height="wrap_content" >

           </TabWidget>

           <FrameLayout

               android:id="@android:id/tabcontent"

               android:layout_width="0dp"

               android:layout_height="0dp" >

           </FrameLayout>

           <android.support.v4.view.ViewPager

               android:id="@+id/pager_tab"

               android:layout_width="match_parent"

               android:layout_height="0dp"

               android:layout_weight="1" >

           </android.support.v4.view.ViewPager>

       </LinearLayout>

   </TabHost>

</LinearLayout>

项目中页面文件：

import java.util.ArrayList;

import java.util.List;

import android.app.LocalActivityManager;

import android.app.TabActivity;

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.View;

import android.view.Window;

import android.widget.TabHost;

import android.widget.TabHost.OnTabChangeListener;

import android.widget.TextView;

import com.example.thjyyy.R;

public class Tab_changpin_Activity extends TabActivity

{

private ViewPager mViewPager;

private TabHost mTabHost;

// Tab页面列表

private List<View> listViews;

// 当前页卡编号

private int currIndex = 0;

// 页卡内容

private LocalActivityManager manager = null;

// 动画图片偏移量

private int offset = 0;

// 动画图片宽度

private int bmpW;

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_tab_changpin);

View layout = getLayoutInflater().inflate(

R.layout.activity_tab_changpin, null);

mTabHost = getTabHost();

mViewPager = (ViewPager) findViewById(R.id.pager_tab);

View view1 = getLayoutInflater().inflate(R.layout.tabmusic_item, null);

TextView tv_tabitem1 = (TextView) view1

.findViewById(R.id.tv_tabmusic_item);

tv_tabitem1.setText("单曲");

View view2 = getLayoutInflater().inflate(R.layout.tabmusic_item, null);

TextView tv_tabitem2 = (TextView) view2

.findViewById(R.id.tv_tabmusic_item);

tv_tabitem2.setText("歌手");

View view3 = getLayoutInflater().inflate(R.layout.tabmusic_item, null);

TextView tv_tabitem3 = (TextView) view3

.findViewById(R.id.tv_tabmusic_item);

tv_tabitem1.setText("专辑");

mTabHost.addTab(mTabHost.newTabSpec("tab1").setIndicator(view1)

.setContent(new Intent(this, SigleSongActivity.class)));

mTabHost.addTab(mTabHost.newTabSpec("tab2").setIndicator(view2)

.setContent(new Intent(this, TestActivity.class)));

mTabHost.addTab(mTabHost.newTabSpec("tab3").setIndicator(view3)

.setContent(new Intent(this,PersonListActivity.class)));

mTabHost.setCurrentTab(0);

manager = new LocalActivityManager(this, true);

manager.dispatchCreate(savedInstanceState);

//设置tab的点击事件

mTabHost.setOnTabChangedListener(new OnTabChangeListener()

{

@Override

public void onTabChanged(String tabId)

{

if("tab1".equals(tabId))

{

mViewPager.setCurrentItem(0);

}

if("tab2".equals(tabId))

{

mViewPager.setCurrentItem(1);

}

if("tab3".equals(tabId))

{

mViewPager.setCurrentItem(2);

}

}

});

InitViewPager();

}

private void InitViewPager()

{

/**

* 初始化ViewPager

*/

listViews = new ArrayList<View>();

MyPagerAdapter mpAdapter = new MyPagerAdapter(listViews);

Intent intent = new Intent(this, SigleSongActivity.class);

listViews.add(getView("tab1", intent));

Intent intent2 = new Intent(this, TestActivity.class);

listViews.add(getView("tab2", intent2));

Intent intent3 = new Intent(this, PersonListActivity.class);

listViews.add(getView("tab3", intent3));

mViewPager.setAdapter(mpAdapter);

mViewPager.setCurrentItem(0);

mViewPager.setOnPageChangeListener(new MyOnPageChangeListener());

}

/**

* ViewPager适配器

*/

public class MyPagerAdapter extends PagerAdapter

{

public List<View> mListViews;

public MyPagerAdapter(List<View> mListViews)

{

this.mListViews = mListViews;

}

@Override

public void destroyItem(View arg0, int arg1, Object arg2)

{

((ViewPager) arg0).removeView(mListViews.get(arg1));

}

@Override

public void finishUpdate(View arg0)

{

}

@Override

public int getCount()

{

return mListViews.size();

}

@Override

public Object instantiateItem(View arg0, int arg1)

{

((ViewPager) arg0).addView(mListViews.get(arg1), 0);

return mListViews.get(arg1);

}

@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) {                            

}                                                                

}

}