Android控制項之TabHost探究

以下通過TabHost實現android選項卡。

main.xml布局檔案

<?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">
<LinearLayout android:id="@+id/tab01"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center_horizontal"
        android:orientation="vertical">
<ImageView android:id="@+id/iv01" 
               android:scaleType="fitXY"
               android:layout_gravity="center"
               android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:src="@drawable/andy"/>
<TextView android:id="@+id/tv01"
              android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            android:textSize="24dip" 
            android:text="Android的創造者: Andy Rubin"/>
</LinearLayout>
<LinearLayout android:id="@+id/tab02"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center_horizontal"
        android:orientation="vertical">
<ImageView android:id="@+id/iv02" 
               android:scaleType="fitXY"
               android:layout_gravity="center"
               android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:src="@drawable/bill"/>
<TextView android:id="@+id/tv02"
              android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            android:textSize="24dip"
            android:text="Java創造者之一: Bill Joy"/>
</LinearLayout>
<LinearLayout android:id="@+id/tab03"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center_horizontal"
        android:orientation="vertical">
<ImageView android:id="@+id/iv03" 
               android:scaleType="fitXY"
               android:layout_gravity="center"
               android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:src="@drawable/torvalds"/>
<TextView android:id="@+id/tv03"
              android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            android:textSize="24dip"
            android:text="Linux之父: Linus Torvalds"/>
</LinearLayout>
</LinearLayout>

TabHostActivity類

package com.ljq.activity;

import android.app.TabActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.TabHost;

public class TabHostActivity extends TabActivity{
private TabHost tab=null;

    @Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

        tab=this.getTabHost();
        LayoutInflater.from(this).inflate(R.layout.main, tab.getTabContentView(), true);
        tab.addTab(tab.newTabSpec("選項卡一").setIndicator("選項卡一", 
                   getResources().getDrawable(R.drawable.png1)).setContent(R.id.tab01));
        tab.addTab(tab.newTabSpec("選項卡二").setIndicator("選項卡二", 
                getResources().getDrawable(R.drawable.png2)).setContent(R.id.tab02));
        tab.addTab(tab.newTabSpec("選項卡三").setIndicator("選項卡三", 
                getResources().getDrawable(R.drawable.png3)).setContent(R.id.tab03));
    }
}

運行結果