Android ApiDemos示例解析(193):Views->Tabs->Content By Id

本例介紹TabActivity ,在Android新版本不建議使用TabActivity,而是使用Fragment。 TabActivity 提供瞭分頁控件(Tab Control),關鍵的一個類為TabHost,TabHost 為TabActivity的View,可以通過getTabHost()取得TabActivity 對應的TabHost.

TabHost 可以通過TabHost.TabSpec 來為Tab 窗口添加一個頁面,TabSpec 用來描述一個頁面(Tab) ,每個Tab 可以有個tag 用來區分Tab窗口的某個頁面,indicator (頁標題,可以使用文字,圖標等來顯示) 和Content(頁面內容)。

其中Content  使用View資源Id或是TabHost.TabContentFactory構造或是某個Intent實例(該Intent可以啟動某個Activity)。這也是為什麼TabActivity 為一ActivityGroup 的原因。

本例對應的代碼為Tab1.java 采用View資源ID的方法來設置Tab的Content:

[java] 
TabHost tabHost = getTabHost(); 
 
LayoutInflater.from(this).inflate(R.layout.tabs1, 
 tabHost.getTabContentView(), true); 
 
tabHost.addTab(tabHost.newTabSpec("tab1") 
 .setIndicator("tab1") 
 .setContent(R.id.view1)); 
tabHost.addTab(tabHost.newTabSpec("tab3") 
 .setIndicator("tab2") 
 .setContent(R.id.view2)); 
tabHost.addTab(tabHost.newTabSpec("tab3") 
 .setIndicator("tab3") 
 .setContent(R.id.view3)); 

TabHost tabHost = getTabHost();

LayoutInflater.from(this).inflate(R.layout.tabs1,
 tabHost.getTabContentView(), true);

tabHost.addTab(tabHost.newTabSpec("tab1")
 .setIndicator("tab1")
 .setContent(R.id.view1));
tabHost.addTab(tabHost.newTabSpec("tab3")
 .setIndicator("tab2")
 .setContent(R.id.view2));
tabHost.addTab(tabHost.newTabSpec("tab3")
 .setIndicator("tab3")
 .setContent(R.id.view3));

 

要註意的是使用setContent中指定的View,之前需要將它們展開到tabHost.getTabContentView()中。

R.layout.tabs1.xml 定義如下:

[html] 
<FrameLayout xmlns:android=”http://schemas.android.com/apk/res/android” 
android:layout_width=”match_parent” 
android:layout_height=”match_parent”> 
 
<TextView android:id=”@+id/view1″ 
android:background=”@drawable/blue” 
android:layout_width=”match_parent” 
android:layout_height=”match_parent” 
android:text=”@string/tabs_1_tab_1″/> 
 
<TextView android:id=”@+id/view2″ 
android:background=”@drawable/red” 
android:layout_width=”match_parent” 
android:layout_height=”match_parent” 
android:text=”@string/tabs_1_tab_2″/> 
 
<TextView android:id=”@+id/view3″ 
android:background=”@drawable/green” 
android:layout_width=”match_parent” 
android:layout_height=”match_parent” 
android:text=”@string/tabs_1_tab_3″/> 
 
</FrameLayout> 

<FrameLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”match_parent”
android:layout_height=”match_parent”>

<TextView android:id=”@+id/view1″
android:background=”@drawable/blue”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:text=”@string/tabs_1_tab_1″/>

<TextView android:id=”@+id/view2″
android:background=”@drawable/red”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:text=”@string/tabs_1_tab_2″/>

<TextView android:id=”@+id/view3″
android:background=”@drawable/green”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:text=”@string/tabs_1_tab_3″/>

</FrameLayout>

 

 

 

You May Also Like