Android入門第十一篇之TabHost,TabWidget

      這回要介紹的是Android的Tab控件，Tab控件可以達到分頁的效果，讓一個屏幕的內容盡量豐富，當然也會增加開發的復雜程度，在有必要的時候再使用。Android的Tab控件使用起來有點奇怪，必須包含和按照以下的順序：

TabHost控件->TabWidget(必須命名為tabs)->FrameLayout(必須命名為tabcontent)。

接下來貼出本例運行的截圖：

main.xml的源碼：

<?xml version="1.0" encoding="utf-8"?> 
<TabHost android:layout_width="fill_parent" 
    android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/TabHost1"> 
    <TabWidget android:id="@android:id/tabs" 
        android:layout_height="wrap_content" android:layout_width="fill_parent"> 
</TabWidget> 
    <FrameLayout android:id="@android:id/tabcontent" 
        android:paddingTop="65px" android:layout_width="fill_parent" android:layout_height="fill_parent"> 
        <LinearLayout android:layout_height="wrap_content" android:id="@+id/Tab1" android:orientation="vertical" android:layout_width="fill_parent"> 
           <EditText android:layout_height="wrap_content" android:id="@+id/edtTab1" android:layout_width="fill_parent"></EditText> 
           <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/btnTab1" android:text="Tab1"></Button> 
        </LinearLayout> 
        <LinearLayout android:layout_height="wrap_content" android:id="@+id/Tab2" android:layout_width="fill_parent" android:orientation="horizontal"> 
           <EditText android:layout_height="wrap_content" android:id="@+id/edtTab2" android:layout_width="wrap_content" android:layout_weight="300"></EditText> 
           <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/btnTab2" android:text="Tab2"></Button></LinearLayout> 
    </FrameLayout> 
</TabHost> 

程序源碼:

package com.testTab;     
import android.app.TabActivity;     
import android.os.Bundle;     
import android.view.View;     
import android.widget.Button;     
import android.widget.EditText;     
import android.widget.TabHost;     
import android.widget.TabHost.TabSpec;     
public class testTab extends TabActivity {//基於TabActivity構建     
         
    Button btnTab1,btnTab2;     
    EditText edtTab1,edtTab2;     
    /** Called when the activity is first created. */    
    @Override    
    public void onCreate(Bundle savedInstanceState) {     
        super.onCreate(savedInstanceState);     
        setContentView(R.layout.main);     
             
        TabHost tabs = getTabHost();     
        //設置Tab1     
        TabSpec tab1 = tabs.newTabSpec("tab1");     
        tab1.setIndicator("tab1");      // 設置tab1的名稱     
        tab1.setContent(R.id.Tab1);    // 關聯控件     
        tabs.addTab(tab1);                // 添加tab1     
             
        btnTab1=(Button)this.findViewById(R.id.btnTab1);     
        edtTab1=(EditText)this.findViewById(R.id.edtTab1);     
        btnTab1.setOnClickListener(new ClickEvent());     
             
        //設置Tab2     
        TabSpec tab2 = tabs.newTabSpec("tab2");     
        tab2.setIndicator("tab2");           
        tab2.setContent(R.id.Tab2);         
        tabs.addTab(tab2);                     
             
        btnTab2=(Button)this.findViewById(R.id.btnTab2);     
        edtTab2=(EditText)this.findViewById(R.id.edtTab2);     
        btnTab2.setOnClickListener(new ClickEvent());     
             
        tabs.setCurrentTab(0);     
    }     
         
    class ClickEvent implements View.OnClickListener {     
        @Override    
        public void onClick(View v) {     
            if(v==btnTab1)     
            {     
                edtTab1.setText("tab1");     
            }     
            else if(v==btnTab2)     
            {     
                edtTab2.setText("tab2");     
            }     
        }     
         
    }     
}