Android中选项卡TabHost的基本使用

　　今天来学习一下选项卡（TabHost）的使用,
　　选项卡的使用很常见，比如说：我们在手机上面 已接来电，未接来电的分组，首先来看下实现出来的效果截图:

　　我们要去实现TabHost,主要有两种方法:
　　一
　　1、各选项内容在布局文件中定义。
　　2、主Activity类继承TabActivity；
　　3、用getTabHost()方法获取TabHost
　　二
　　1、直接在布局文件中定义TabHost
　　注意：TabWidget的id必须是@android:id/tabs，FrameLayout的id必须是   @android:id/tabcontent。
　　接下来使用第一种的实现方法来去实现TabHost
　　主Activity类:

package com.jiangqq.tabhost;

 

import android.app.TabActivity;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.widget.TabHost;

import android.widget.TabHost.TabSpec;

 

public class TabHostActivity_Second extends TabActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

// setContentView(R.layout.tabhost_second);

// 得到TabHost

TabHost tabHost = this.getTabHost();

 

// 把自己的布局文件添加到TabHost 的FrameLayout中 【注意】很重要的一句代码

LayoutInflater.from(this).inflate(R.layout.tabhost_second,

tabHost.getTabContentView(), true);

// 设置选项卡

// 参数：是选项卡的标签

TabSpec parentSpec = tabHost.newTabSpec("parent");

parentSpec.setIndicator("基类",

this.getResources().getDrawable(R.drawable.announcements256));

parentSpec.setContent(R.id.tab_1);

 

TabSpec subSpec = tabHost.newTabSpec("sub");

subSpec.setIndicator("子类",

this.getResources().getDrawable(R.drawable.content256));

subSpec.setContent(R.id.tab_2);

 

tabHost.addTab(parentSpec);

tabHost.addTab(subSpec);

 

}

}

 

　　TabHost的布局文件:

package com.jiangqq.tabhost;

 

import android.app.TabActivity;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.widget.TabHost;

import android.widget.TabHost.TabSpec;

 

public class TabHostActivity_Second extends TabActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

// setContentView(R.layout.tabhost_second);

// 得到TabHost

TabHost tabHost = this.getTabHost();

 

// 把自己的布局文件添加到TabHost 的FrameLayout中 【注意】很重要的一句代码

LayoutInflater.from(this).inflate(R.layout.tabhost_second,

tabHost.getTabContentView(), true);

// 设置选项卡

// 参数：是选项卡的标签

TabSpec parentSpec = tabHost.newTabSpec("parent");

parentSpec.setIndicator("基类",

this.getResources().getDrawable(R.drawable.announcements256));

parentSpec.setContent(R.id.tab_1);

 

TabSpec subSpec = tabHost.newTabSpec("sub");

subSpec.setIndicator("子类",

this.getResources().getDrawable(R.drawable.content256));

subSpec.setContent(R.id.tab_2);

 

tabHost.addTab(parentSpec);

tabHost.addTab(subSpec);

 

}

}

 

　　然后使用第二种方法创建TabHost
　　主Activity类：

package com.jiangqq.tabhost;

 

import android.app.Activity;

import android.os.Bundle;

import android.widget.TabHost;

import android.widget.TabHost.TabSpec;

 

/**

* 本例是实现TabHost----->直接在XML文件中进行配置 【注意】在xml文件中

* TahWidget和FrameLayout标签中的ID,必须要使用Android中默认的

*

* @author jiangqq

*

*/

public class TabHostActivity_First extends Activity {

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.tabhost_first);

// 获取TabHost

TabHost tabHost = (TabHost) findViewById(R.id.tabs);

tabHost.setup();

// 设置选项卡

// 参数：是选项卡的标签

TabSpec parentSpec = tabHost.newTabSpec("parent");

parentSpec.setIndicator("基类",

this.getResources().getDrawable(R.drawable.announcements256));

parentSpec.setContent(R.id.tab_1);

 

TabSpec subSpec = tabHost.newTabSpec("sub");

subSpec.setIndicator("子类",

this.getResources().getDrawable(R.drawable.content256));

subSpec.setContent(R.id.tab_2);

 

tabHost.addTab(parentSpec);

tabHost.addTab(subSpec);

 

}

}

 

　　布局文件：

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

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

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

 

<TabHost

android:id="@+id/tabs"

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

 

<LinearLayout

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

 

<TabWidget

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

android:layout_width="fill_parent"

android:layout_height="wrap_content" >

</TabWidget>

 

<FrameLayout

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

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

 

<TextView

android:id="@+id/tab_1"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:text="jiangqq_TabHostDemo_First" >

</TextView>

 

<TextView

android:id="@+id/tab_2"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:text="jiangqq_TabHostDemo_Second" >

</TextView>

</FrameLayout>

</LinearLayout>

</TabHost>

 

</LinearLayout>

 

　　大家可以比较一下两种方法的异同点，差异不是很大，创建起来也比较简单