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 {@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);// setContentView(R.layout.tabhost_second);// 得到TabHostTabHost 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 {@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);// setContentView(R.layout.tabhost_second);// 得到TabHostTabHost 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. */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.tabhost_first);// 获取TabHostTabHost 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" > <TabHostandroid:id="@+id/tabs"android:layout_width="fill_parent"android:layout_height="fill_parent" > <LinearLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical" > <TabWidgetandroid:id="@android:id/tabs"android:layout_width="fill_parent"android:layout_height="wrap_content" ></TabWidget> <FrameLayoutandroid:id="@android:id/tabcontent"android:layout_width="fill_parent"android:layout_height="fill_parent" > <TextViewandroid:id="@+id/tab_1"android:layout_width="fill_parent"android:layout_height="fill_parent"android:text="jiangqq_TabHostDemo_First" ></TextView> <TextViewandroid:id="@+id/tab_2"android:layout_width="fill_parent"android:layout_height="fill_parent"android:text="jiangqq_TabHostDemo_Second" ></TextView></FrameLayout></LinearLayout></TabHost> </LinearLayout>

 

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