Android从零开始（十三）-优快云博客

知识点：TabHost

效果图：
[img]http://dl.iteye.com/upload/attachment/0080/7727/cbddafdd-f57f-36ce-a36f-9d3094bb51c2.png[/img]

工程目录结构：

[img]http://dl.iteye.com/upload/attachment/0080/7729/937f902e-be61-3888-8da0-425951f6a5f4.png[/img]

步骤一、编写首页（核心代码如下）：

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" 
    android:id="@android:id/tabhost">

    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        >
        <HorizontalScrollView 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:scrollbars="none"
            >
    <TabWidget 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@android:id/tabs"
        ></TabWidget>
        </HorizontalScrollView>

    <FrameLayout 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@android:id/tabcontent"

        ></FrameLayout>

    </LinearLayout>

</TabHost>

步骤二、编写每个标签要显示的页面

<?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" >

    <TextView 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="lab1"
        android:textSize="40sp"

        />


</LinearLayout>

步骤三、主Activity代码编写：

package com.veryedu.tabhost;

import android.os.Bundle;
import android.app.Activity;
import android.app.TabActivity;
import android.content.Intent;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.Menu;
import android.view.MotionEvent;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;
import android.widget.TabWidget;

public class MainActivity extends TabActivity  implements OnGestureListener {

	GestureDetector gestureDetector;
	static TabHost tabHost;
	static int index = 0;
	int count;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		tabHost = getTabHost();

		// 添加选项卡的标题和内容
		TabSpec spec1 = tabHost.newTabSpec("lab1");
		spec1.setIndicator("选项卡一");
		spec1.setContent(new Intent(this, Tab1Activity.class));
		tabHost.addTab(spec1);

		TabSpec spec2 = tabHost.newTabSpec("lab2");
		spec2.setIndicator("选项卡二");
		spec2.setContent(new Intent(this, Tab2Activity.class));
		tabHost.addTab(spec2);

		TabSpec spec3 = tabHost.newTabSpec("lab3");
		spec3.setIndicator("选项卡三");
		spec3.setContent(new Intent(this, Tab3Activity.class));
		tabHost.addTab(spec3);

		TabSpec spec4 = tabHost.newTabSpec("lab4");
		spec4.setIndicator("选项卡四");
		spec4.setContent(new Intent(this, Tab4Activity.class));
		tabHost.addTab(spec4);

		TabSpec spec5 = tabHost.newTabSpec("lab5");
		spec5.setIndicator("选项卡五");
		spec5.setContent(new Intent(this, Tab5Activity.class));
		tabHost.addTab(spec5);

		TabSpec spec6 = tabHost.newTabSpec("lab6");
		spec6.setIndicator("选项卡六");
		spec6.setContent(new Intent(this, Tab6Activity.class));
		tabHost.addTab(spec6);



		//获取控件数量
				TabWidget tabWidget=(TabWidget)findViewById(android.R.id.tabs);
				count=tabWidget.getChildCount();

		gestureDetector=new GestureDetector(this);


	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		gestureDetector.onTouchEvent(event);
		return super.onTouchEvent(event);
	}

	@Override
	public boolean onDown(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
			float velocityY) {

		if(e1.getX()>e2.getX()){
			//向左滑动,选项卡前进到下一个
			if(index<count){
				tabHost.setCurrentTab(++index);
			}
		}else if(e1.getX()<e2.getX()){
			//向右滑动,选项卡后退到前一个
			if(index>0){
				tabHost.setCurrentTab(--index);
			}
		}

		return false;
	}

	@Override
	public void onLongPress(MotionEvent e) {
		// TODO Auto-generated method stub

	}

	@Override
	public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
			float distanceY) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public void onShowPress(MotionEvent e) {
		// TODO Auto-generated method stub

	}

	@Override
	public boolean onSingleTapUp(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}



}

步骤四、其他Activity的编写：

package com.veryedu.tabhost;

import android.app.Activity;
import android.os.Bundle;

public class Tab1Activity extends Activity {

	@Override
	protected void onResume() {
		// TODO Auto-generated method stub
		super.onResume();
		MainActivity.index=0;
	}

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.lab1);
	}



}

步骤五、注册Activity

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.veryedu.tabhost"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="11"
        android:targetSdkVersion="17" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.veryedu.tabhost.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".Tab1Activity"></activity>
        <activity android:name=".Tab2Activity"></activity>
        <activity android:name=".Tab3Activity"></activity>
        <activity android:name=".Tab4Activity"></activity>
        <activity android:name=".Tab5Activity"></activity>
        <activity android:name=".Tab6Activity"></activity>
    </application>

</manifest>

源码下载请点这里：