TabActivity的使用

TabActivity

  首先Android里面有个名为TabActivity来给我们方便使用。其中有以下可以关注的函数：

public TabHost getTabHost ()   获得当前TabActivity的TabHost

  public TabWidget getTabWidget () 获得当前TabActivity的TabWidget

  public void setDefaultTab (String tag) 这两个函数很易懂， 就是设置默认的Tab

public void setDefaultTab (int index)   通过tab名——tag或者index(从0开始)

 

  protected void onRestoreInstanceState (Bundle state) 这 两个函数的介绍可以

  protected void onSaveInstanceState (Bundle outState)参考 Activity的生命周期

TabHost

  那么我们要用到的Tab载体是TabHost，需要从TabActivity.getTabHost获取。

  现在看看TabHost类，它有3个内嵌类：1个类TabHost.TabSpec，2个接口TabHost.TabContentFactory和TabHost.OnTabChangeListener。后面会介绍这些类和接口。

  TabHost类的一些函数：

  public void addTab (TabHost.TabSpec tabSpec) 添加tab，参数TabHost.TabSpec通过下面的函数返回得到

  public TabHost.TabSpec newTabSpec (String tag) 创 建TabHost.TabSpec

 

  public void clearAllTabs () remove所有的Tabs

  public int getCurrentTab ()

  public String getCurrentTabTag ()

  public View getCurrentTabView ()

  public View getCurrentView ()

  public FrameLayout getTabContentView ()返回Tab  content的FrameLayout

public TabWidget getTabWidget ()

  public void setCurrentTab (int index)       设置当前的Tab by index

  public void setCurrentTabByTag (String tag)设置当前的Tab by tag

  public void setOnTabChangedListener  (TabHost.OnTabChangeListener l) 设置TabChanged事件的响应处理

  public void setup ()这个函数后面介绍

TabHost.TabSpec

  从上面的函数可以知道如何添加tab了，要注意，这里的Tag(标签)，不是Tab按钮上的文字。

  而要设置tab的label和content，需要设置TabHost.TabSpec类。 引用SDK里面的话——“A tab has a tab indicator, content, and a tag that is used to keep track of  it.”，TabHost.TabSpec就是管理这3个东西：

  public String getTag ()

  public TabHost.TabSpec setContent

  public TabHost.TabSpec setIndicator

  我理解这里的 Indicator就是Tab上的label，它可以

  设置label： setIndicator (CharSequence  label)

  或者同时 设置label和icon： setIndicator  (CharSequence label, Drawable icon)

  或者直接 指定某个view： setIndicator (View view)

 

  对于 Content，就是Tab里面的内容，可以

  设置View的id： setContent(int viewId)

  或者 TabHost.TabContentFactory的createTabContent(String tag)来处理： setContent(TabHost.TabContentFactory contentFactory)

  或者用 new Intent来引入其他Activity的内容： setContent(Intent intent)

主程序代码

Acitvit里面的代码代码

1. package com.yang.tabletest; 
2.  
3. import android.app.TabActivity; 
4. import android.os.Bundle; 
5. import android.view.LayoutInflater; 
6. import android.widget.TabHost; 
7.  
8. public class TableTestAcitivity extends TabActivity{ 
9.     /** Called when the activity is first created. */ 
10.     @Override 
11.     public void onCreate(Bundle savedInstanceState) { 
12.         super.onCreate(savedInstanceState); 
13.         //setContentView(R.layout.main); 
14.          
15.         //获得当前TabActivity的TabHost 
16.        TabHost tabHost = getTabHost();  
17.                   
18.                LayoutInflater.from(this).inflate(R.layout.tabs1, tabHost.getTabContentView(), true);  
19.          
20.                 tabHost.addTab(tabHost.newTabSpec("tab1")  
21.                          .setIndicator("主页") 
22.                          .setContent(R.id.view1)); 
23.                           
24.                  
25.                  tabHost.addTab(tabHost.newTabSpec("tab2")  
26.                          .setIndicator("标题")  
27.                          .setContent(R.id.view2));  
28.                  tabHost.addTab(tabHost.newTabSpec("tab3")  
29.                          .setIndicator("简介")  
30.                          .setContent(R.id.view3)); 
31.                  tabHost.addTab(tabHost.newTabSpec("tab4")  
32.                          .setIndicator("关于")  
33.                          .setContent(R.id.view4)); 
34.     } 
35.  
36.      
37. } 

package com.yang.tabletest;

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

public class TableTestAcitivity extends TabActivity{
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.main);
        
        //获得当前TabActivity的TabHost
       TabHost tabHost = getTabHost(); 
                 
               LayoutInflater.from(this).inflate(R.layout.tabs1, tabHost.getTabContentView(), true); 
        
               	tabHost.addTab(tabHost.newTabSpec("tab1") 
                         .setIndicator("主页")
                         .setContent(R.id.view1));
                         
               	
                 tabHost.addTab(tabHost.newTabSpec("tab2") 
                         .setIndicator("标题") 
                         .setContent(R.id.view2)); 
                 tabHost.addTab(tabHost.newTabSpec("tab3") 
                         .setIndicator("简介") 
                         .setContent(R.id.view3));
                 tabHost.addTab(tabHost.newTabSpec("tab4") 
                         .setIndicator("关于") 
                         .setContent(R.id.view4));
    }

	
}

tabls.xml里面的代码

Tabi.xml代码

1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="fill_parent"  
3.     android:layout_height="fill_parent">  
4.   
5.     <TextView android:id="@+id/view1"  
6.         android:background="@drawable/blue"  
7.         android:layout_width="fill_parent"  
8.         android:layout_height="fill_parent"  
9.         android:text="@string/tabs_1_tab_1"/>  
10.   
11.     <TextView android:id="@+id/view2"  
12.         android:background="@drawable/red"  
13.         android:layout_width="fill_parent"  
14.         android:layout_height="fill_parent"  
15.         android:text="@string/tabs_1_tab_2"/>  
16.   
17.     <TextView android:id="@+id/view3"  
18.         android:background="@drawable/green"  
19.         android:layout_width="fill_parent"  
20.         android:layout_height="fill_parent"  
21.         android:text="@string/tabs_1_tab_3"/>  
22.          
23.     <TextView android:id="@+id/view4"  
24.       android:background="@drawable/green"  
25.       android:layout_width="fill_parent"  
26.       android:layout_height="fill_parent"  
27.       android:text="@string/tabs_1_tab_4"/>  
28.  
29. </FrameLayout>  

 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent"> 
  
     <TextView android:id="@+id/view1" 
         android:background="@drawable/blue" 
         android:layout_width="fill_parent" 
         android:layout_height="fill_parent" 
         android:text="@string/tabs_1_tab_1"/> 
  
     <TextView android:id="@+id/view2" 
         android:background="@drawable/red" 
         android:layout_width="fill_parent" 
         android:layout_height="fill_parent" 
         android:text="@string/tabs_1_tab_2"/> 
  
     <TextView android:id="@+id/view3" 
         android:background="@drawable/green" 
         android:layout_width="fill_parent" 
         android:layout_height="fill_parent" 
         android:text="@string/tabs_1_tab_3"/> 
         
     <TextView android:id="@+id/view4" 
	      android:background="@drawable/green" 
	      android:layout_width="fill_parent" 
	      android:layout_height="fill_parent" 
	      android:text="@string/tabs_1_tab_4"/> 

 </FrameLayout> 

  

string.xml的代码

Java代码

1. <?xml version="1.0" encoding="utf-8"?> 
2. <resources> 
3.     <string name="hello">Hello World, TableTestAcitivity!</string> 
4.     <string name="app_name">阿福学习</string> 
5.     <string name="tabs_1_tab_1">主页</string> 
6.     <string name="tabs_1_tab_2">标题</string> 
7.     <string name="tabs_1_tab_3">关于</string> 
8.     <string name="tabs_1_tab_4">返回</string> 
9. </resources> 

<?xml version="1.0" encoding="utf-8"?>
<resources>
	<string name="hello">Hello World, TableTestAcitivity!</string>
	<string name="app_name">阿福学习</string>
	<string name="tabs_1_tab_1">主页</string>
	<string name="tabs_1_tab_2">标题</string>
	<string name="tabs_1_tab_3">关于</string>
	<string name="tabs_1_tab_4">返回</string>
</resources>

color.xml代码

Java代码

1. <?xml version="1.0" encoding="utf-8"?> 
2. <resources> 
3.   <drawable name="darkgray">#404040ff</drawable> 
4.    
5.   <drawable name="red">#ff00ff</drawable> 
6.   <drawable name="green">#0ff0ff</drawable> 
7.   <drawable name="lightgray">#c0c0c0ff</drawable> 
8.    
9.   <drawable name="yellow">#ffFF33ff</drawable> 
10.   <drawable name="blue">#00ffff</drawable> 
11.   <drawable name="gray">#808080ff</drawable> 
12.   <drawable name="magenta">#ff6699ff</drawable> 
13.   <drawable name="cyan">#66ffffff</drawable> 
14.   <drawable name="black">#000000</drawable>  
15.   <drawable name="white">#FFFFFF</drawable>  
16. </resources> 

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <drawable name="darkgray">#404040ff</drawable>
  
  <drawable name="red">#ff00ff</drawable>
  <drawable name="green">#0ff0ff</drawable>
  <drawable name="lightgray">#c0c0c0ff</drawable>
  
  <drawable name="yellow">#ffFF33ff</drawable>
  <drawable name="blue">#00ffff</drawable>
  <drawable name="gray">#808080ff</drawable>
  <drawable name="magenta">#ff6699ff</drawable>
  <drawable name="cyan">#66ffffff</drawable>
  <drawable name="black">#000000</drawable> 
  <drawable name="white">#FFFFFF</drawable> 
</resources>

  第二个例子的Activity代码

Java代码

1. package com.yang.tabletest; 
2.  
3. import android.app.TabActivity; 
4. import android.os.Bundle; 
5. import android.view.View; 
6. import android.widget.TabHost; 
7. import android.widget.TextView; 
8.  
9. public class TableTestAcitivity extends TabActivity implements TabHost.TabContentFactory{ 
10.     /** Called when the activity is first created. */ 
11.     @Override 
12.     public void onCreate(Bundle savedInstanceState) { 
13.          super.onCreate(savedInstanceState);  
14.            
15.                  final TabHost tabHost = getTabHost();  
16.                  tabHost.addTab(tabHost.newTabSpec("tab1")  
17.                          .setIndicator("主页", getResources().getDrawable(R.drawable.test))  
18.                          .setContent(this));  
19.                  tabHost.addTab(tabHost.newTabSpec("tab2")  
20.                          .setIndicator("标题",getResources().getDrawable(R.drawable.test))  
21.                          .setContent(this));  
22.                  tabHost.addTab(tabHost.newTabSpec("tab3")  
23.                          .setIndicator("关于",getResources().getDrawable(R.drawable.test))  
24.                          .setContent(this));  
25.          } 
26.  
27.     @Override 
28.     public View createTabContent(String arg0) { 
29.           final TextView tv = new TextView(this);  
30.                  tv.setText("Content for tab with tag " + arg0);  
31.                   
32.                  return tv; 
33.     }  
34.            
35.            
36.  
37.      
38. }