AndroidUI組件之TabHost

標籤：介面   android平台   tabhost   布局   

package com.gc.tabhost;/** * @author Android將軍 *  *  *  * 1、TabHost是一種非常實用的組件，TabHost可以很方便地在視窗上放置 * 多個標籤頁，每個標籤頁相當於獲得了一個與外部容器相同大小的組件 * 擺放地區。通過這種方式，就可以在一個容器裡放置更多組件。 * 2、與TabHost結合使用的還有如下組件： * TabWidget:代表選項卡的標籤條。 * TabSpec：代表選項卡的一個Tab頁面。 * 3、TabHost僅僅是一個簡單的容器，它提供了如下兩個方法來建立、添加 * 選項卡： * newTabSpec(String tag):建立選項卡。 * addTab(TabHost.TabSpec tabSpec)：添加選項卡。 * 4、使用TabHost的一般步驟如下： * （1）在介面布局中定義TabHost組件，並為該組件定義該選項卡的內容 * （2）Activity應該繼承TabActivity * （3）調用TabActivity的getTabHost()方法擷取TabHost對象 * （4）通過TabHost對象的方法來建立、添加選項卡。 * 5、TabHost容器內部需要組合兩個組件：TabWidget和FrameLayout * ，其中TabWidget定義選項卡的標題條：FrameLayout則用於“層疊”組合多個選項 * 頁面。 * 6、注意： * 在ID的書寫時不時開發人員自己書寫，TabHost、TabWidget和FrameLayout * 這三個組件的ID是有要求的： * TabHost的ID應該為@android:id/tabhost * TabWidget的ID應該為@android:id/tabs * FrameLayout的ID應該為@android:id/tabcontent. * 這三個ID不是我們自己定義的，而是引用了Android系統已有的ID。 * 7、最新版本的Android平台已經不再推薦使用TabActivity，而是推薦使用 * Fragment來代替TabActivity。 */import android.os.Bundle;import android.app.Activity;import android.app.TabActivity;import android.view.Menu;import android.widget.TabHost;import android.widget.TabHost.TabSpec;public class MainActivity extends TabActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//擷取該Activity裡面的TabHost組件TabHost tabHost=getTabHost();//建立第一個Tab頁TabSpec tab1=tabHost.newTabSpec("tab1").setIndicator("Android將軍1").setContent(R.id.tab01);//添加第一個標籤頁tabHost.addTab(tab1);TabSpec tab2=tabHost.newTabSpec("tab2").setIndicator("Android將軍2",getResources().getDrawable(R.drawable.ic_launcher)).setContent(R.id.tab02);//添加第二個標籤頁tabHost.addTab(tab2);TabSpec tab3=tabHost.newTabSpec("tab3").setIndicator("Android將軍3").setContent(R.id.tab03);//添加第三個標籤頁tabHost.addTab(tab3);}}

相應的xml布局檔案為：

<TabHost xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@android:id/tabhost"    android:layout_width="match_parent"    android:layout_height="match_parent"      >  <RelativeLayout       android:layout_width="fill_parent"      android:layout_height="fill_parent"      >        </RelativeLayout>  <LinearLayout       android:layout_width="match_parent"      android:layout_height="match_parent"      android:orientation="vertical"      >    <RelativeLayout         android:layout_width="fill_parent"        android:layout_height="fill_parent"                >         <FrameLayout           android:id="@android:id/tabcontent"          android:layout_width="match_parent"          android:layout_height="match_parent"          >          <!-- 定義第一個標籤頁的內容 -->          <LinearLayout               android:id="@+id/tab01"              android:orientation="vertical"              android:layout_width="fill_parent"              android:layout_height="fill_parent"              >              <TextView                   android:layout_width="fill_parent"                  android:layout_height="wrap_content"                  android:text="Android將軍"                  />              <TextView                   android:layout_width="fill_parent"                  android:layout_height="wrap_content"                  android:text="赳赳老秦，共赴國難，秦朝將軍"                  />          </LinearLayout>            <!-- 定義第二個標籤頁的內容 -->          <LinearLayout               android:id="@+id/tab02"              android:orientation="vertical"              android:layout_width="fill_parent"              android:layout_height="fill_parent"              >              <TextView                   android:layout_width="fill_parent"                  android:layout_height="wrap_content"                  android:text="Android將軍2"                  />              <TextView                   android:layout_width="fill_parent"                  android:layout_height="wrap_content"                  android:text="赳赳老秦，共赴國難，秦朝將軍2"                  />          </LinearLayout>            <!-- 定義第三個標籤頁的內容 -->          <LinearLayout               android:id="@+id/tab03"              android:orientation="vertical"              android:layout_width="fill_parent"              android:layout_height="fill_parent"              >              <TextView                   android:layout_width="fill_parent"                  android:layout_height="wrap_content"                  android:text="Android將軍3"                  />              <TextView                   android:layout_width="fill_parent"                  android:layout_height="wrap_content"                  android:text="赳赳老秦，共赴國難，秦朝將軍3"                  />          </LinearLayout>      </FrameLayout>              <TabWidget           android:id="@android:id/tabs"          android:layout_width="match_parent"          android:layout_height="wrap_content"          android:layout_alignParentBottom="true"          />    </RelativeLayout>       </LinearLayout></TabHost>

程式運行為：

轉載請註明出處：http://blog.csdn.net/android_jiangjun/article/details/25346627