Android TabHost的使用

标签显示界面的主要特点是可以在一个窗口中显示多组标签栏的类容。

在Android系统中，每个标签栏称为一个Tab，而包含多个标签栏的内容就称为TabHost。

通过TabHost的继承结构来看，TabHost类是FrameLayout的子类。

实现标签显示界面有两种方式可供选择。

1. 直接让一个Activity继承TabActivity类。
2. 利用findViewById()方法取得TabHost组件，并进行一些配置。

下面我们用两个简单例子来体验一下：

第一种继承TabActivity类：（注意：TabActivity类已被官方提出抛弃）

首先就是布局文件tab.xml：

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent">
     <LinearLayout
         xmlns:android="http://schemas.android.com/apk/res/android"
         android:id="@+id/tab_edit"
         android:orientation="vertical"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent">
         <EditText
             android:id="@+id/edit"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="请输入检索关键字..."
             android:textSize="18px" />
         <Button
             android:id="@+id/but"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="搜索" />
     </LinearLayout>
     <LinearLayout
         xmlns:android="http://schemas.android.com/apk/res/android"
         android:id="@+id/tab_clock"
         android:orientation="vertical"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent">
         <AnalogClock
             android:id="@+id/myAnalogClock"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"/>
     </LinearLayout>
     <LinearLayout
         xmlns:android="http://schemas.android.com/apk/res/android"
         android:id="@+id/tab_sex"
         android:orientation="vertical"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent">
         <RadioGroup
             android:id="@+id/sex"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:orientation="vertical">
             <RadioButton
                 android:id="@+id/male"
                 android:checked="true"
                 android:text="性别：男" />
             <RadioButton
                 android:id="@+id/female"
                 android:text="性别：女" />
         </RadioGroup>
     </LinearLayout>
 </LinearLayout>

其次就是默认的MainActivity的实现：

 public class MyTabHostDemo extends TabActivity { // 继承了TabActivity
     private TabHost myTabHost;
     private int[] layRes = new int[] { R.id.tab_edit, R.id.tab_clock,
             R.id.tab_sex }; // 这些是内嵌布局文件的ID

     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         this.myTabHost = super.getTabHost(); // 取得TabHost对象
         LayoutInflater.from(this).inflate(R.layout.tab,
                 this.myTabHost.getTabContentView(), true); // true表示实例化布局文件中的组件
         for (int x = 0; x < this.layRes.length; x++) {
             TabSpec myTab = this.myTabHost.newTabSpec("tab" + x) ;
             myTab.setIndicator("标签  - " + x) ;
             myTab.setContent(this.layRes[x]) ;
             this.myTabHost.addTab(myTab) ;
         }
     }
 }

到此，一个简单的TabHost的使用就完成了。

第二种方式的实现：

首先，我们还是是布局文件的实现。

tab.xml:

 <?xml version="1.0" encoding="utf-8"?>
 <TabHost xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/TabHost01"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:layout_alignParentBottom="true"
     android:layout_gravity="bottom" >

     <LinearLayout
         android:layout_width="fill_parent"
         android:layout_height="fill_parent"
         android:orientation="vertical" >

         <RelativeLayout
             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"
                 android:layout_alignParentBottom="true" />

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

                 <LinearLayout
                     android:id="@+id/LinearLayout1"
                     android:layout_width="fill_parent"
                     android:layout_height="wrap_content" >

                     <TextView
                         android:id="@+id/TextView01"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:text="one" >
                     </TextView>
                 </LinearLayout>

                 <LinearLayout
                     android:id="@+id/LinearLayout2"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content" >

                     <TextView
                         android:id="@+id/TextView02"
                         android:layout_width="fill_parent"
                         android:layout_height="wrap_content"
                         android:text="two" >
                     </TextView>
                 </LinearLayout>

                 <LinearLayout
                     android:id="@+id/LinearLayout3"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content" >

                     <TextView
                         android:id="@+id/TextView03"
                         android:layout_width="fill_parent"
                         android:layout_height="wrap_content"
                         android:text="three" >
                     </TextView>
                 </LinearLayout>
             </FrameLayout>
         </RelativeLayout>
     </LinearLayout>

 </TabHost>

main.xml:(这个不是默认.JAVA文件加载的布局文件，只是为了方便没有新建布局文件。)

 <?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:id="@+id/TV"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="nihao!!!"/>

 </LinearLayout>

实现默认的MainActivity:

 public class MainActivity extends ActivityGroup {//ActivityGroup类也已被建议遗弃
     private TabHost tabHost;
     Intent oneIntent;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.tab);
         oneIntent = new Intent();
         oneIntent.setClass(this, testActivity.class);
         tabHost = (TabHost) this.findViewById(R.id.TabHost01);//获得对象
         tabHost.setup();//建立对象（与上一行代码必须同时存在）
         tabHost.setup(this.getLocalActivityManager());//要实现Intent跳转，必须要这句话。
         try {

             tabHost.addTab(tabHost
                     .newTabSpec("tab_1")
                     .setContent(R.id.LinearLayout1)
                     .setIndicator("TAB1",
                             this.getResources().getDrawable(R.drawable.img1)));
             tabHost.addTab(tabHost
                     .newTabSpec("tab_2")
                     .setContent(R.id.LinearLayout2)
                     .setIndicator("TAB2",
                             this.getResources().getDrawable(R.drawable.img2)));
             tabHost.addTab(tabHost.newTabSpec("tab_3")
                     .setContent(R.id.LinearLayout3).setIndicator("TAB3"));
             tabHost.addTab(tabHost
                     .newTabSpec("tab_4")
                     .setIndicator("TAB4",
                             this.getResources().getDrawable(R.drawable.img3))
                     .setContent(oneIntent));
             tabHost.setCurrentTab(1); // 设置默认的页面
         } catch (Exception ex) {
             ex.printStackTrace();
             Log.d("EXCEPTION", ex.getMessage());
         }
     }

 }

新建一个用于Intent跳转的Activity：

 public class testActivity extends Activity {

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         super.onCreate(savedInstanceState);
         setContentView(R.layout.main);
         TextView tv=(TextView) findViewById(R.id.TV);
         tv.setText("已经跳转了");
     }

 }

接下来运行即可。

这样，用两个例子分别实现了两种不同的实现方式。