android开发工作中经常使用的TabWidget标签分页

下面和大家分享一个实际工作中经常使用的TabWidget标签分页技术，先看一下效果：



下面和大家分享一下实现代码：

MainActivity.java

package com.zyb.tab;

import android.app.TabActivity;

import android.content.Intent;

import android.os.Bundle;

import android.widget.TabHost;

import android.widget.TabHost.OnTabChangeListener;

import android.widget.Toast;

public class MainActivity extends TabActivity {

//分页容器

private TabHost tabHost;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

tabHost=getTabHost();

//新建一个标签

TabHost.TabSpec spec1=tabHost.newTabSpec("tab1");

//设置第一个标签的标题和图标

spec1.setIndicator("第一个标签", getResources().getDrawable(android.R.drawable.arrow_down_float));

//设置第一个标签的内容为FirstTabActivity

spec1.setContent(new Intent(this,FirstTabActivity.class));

//定义第二个标签

TabHost.TabSpec spec2=tabHost.newTabSpec("tab2").setIndicator("第二个标签",

getResources().getDrawable(android.R.drawable.arrow_up_float)).setContent(new Intent(this,SecondTabActivity.class));

//定义第三个标签

TabHost.TabSpec spec3=tabHost.newTabSpec("tab3").setIndicator("第三个标签",

getResources().getDrawable(android.R.drawable.ic_delete)).setContent(new Intent(this,ThirdTabActivity.class));

//把标签添加到容器中

tabHost.addTab(spec1);

tabHost.addTab(spec2);

tabHost.addTab(spec3);

//为TabHost添加事件

tabHost.setOnTabChangedListener(new OnTabChangeListener() {

@Override

public void onTabChanged(String tabId) {

if(tabId.equals("tab1")){

Toast.makeText(MainActivity.this, "选择了第一个标签", Toast.LENGTH_SHORT).show();

}else if(tabId.equals("tab2")){

Toast.makeText(MainActivity.this, "选择了第二个标签", Toast.LENGTH_SHORT).show();

}else if(tabId.equals("tab3")){

Toast.makeText(MainActivity.this, "选择了第三个标签", Toast.LENGTH_SHORT).show();

}

}

});

}

}

FirstTabActivity.java

package com.zyb.tab;

import android.app.Activity;

import android.os.Bundle;

import android.view.Gravity;

import android.widget.TextView;

/**

* 第一个标签的内容

* @author Administrator

*

*/

public class FirstTabActivity extends Activity{

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

TextView tv=new TextView(this);

tv.setText("这是第一个标签的内容");

tv.setGravity(Gravity.CENTER_HORIZONTAL);

setContentView(tv);

}

}

SecondTabActivity.java

package com.zyb.tab;

import android.app.Activity;

import android.os.Bundle;

import android.view.Gravity;

import android.widget.TextView;

/**

* 第二个标签的内容

* @author Administrator

*

*/

public class SecondTabActivity extends Activity{

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

TextView tv=new TextView(this);

tv.setText("这是第二个标签的内容");

tv.setGravity(Gravity.CENTER_HORIZONTAL);

setContentView(tv);

}

}

ThirdTabActivity.java

package com.zyb.tab;

import android.app.Activity;

import android.os.Bundle;

import android.view.Gravity;

import android.widget.TextView;

/**

* 第三个标签的内容

* @author Administrator

*

*/

public class ThirdTabActivity extends Activity{

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

TextView tv=new TextView(this);

tv.setText("这是第三个标签的内容");

tv.setGravity(Gravity.CENTER_HORIZONTAL);

setContentView(tv);

}

}

main.xml

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

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

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

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<LinearLayout

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<TabWidget

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

android:layout_width="fill_parent"

android:layout_height="wrap_content"

/>

<FrameLayout

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

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

</FrameLayout>

</LinearLayout>

</TabHost>

AndroidManifest.xml

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

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

package="com.zyb.tab"

android:versionCode="1"

android:versionName="1.0">

<application android:icon="@drawable/icon" android:label="@string/app_name">

<activity android:name=".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=".FirstTabActivity"></activity>

<activity android:name=".SecondTabActivity"></activity>

<activity android:name=".ThirdTabActivity"></activity>

</application>

</manifest>

OK，大功就此告成。