android用户界面-组件Widget-选项卡Tab

使用Tab的步骤:
1、在布局文件中使用FrameLayout列出Tab组件及Tab中的内容组件。

2、Activity要继承TabActivity。

3、调用TabActivity的getTabHost()方法获得TabHost对象。

4、通过TabHost创建Tab选项。

 

/Chapter04_UI_Tab01/src/com/amaker/test/MainActivity.java

 


  1. 代码  
  2.  
  3. package com.amaker.test;  
  4.  
  5. import android.app.TabActivity;  
  6. import android.os.Bundle;  
  7. import android.view.LayoutInflater;  
  8. import android.view.Window;  
  9. import android.view.WindowManager;  
  10. import android.widget.TabHost;  
  11. import android.widget.Toast;  
  12. import android.widget.TabHost.OnTabChangeListener;  
  13.  
  14. public class MainActivity extends TabActivity {  
  15.     @Override 
  16.     public void onCreate(Bundle savedInstanceState) {  
  17.         super.onCreate(savedInstanceState);  
  18.           
  19.        /* requestWindowFeature(Window.FEATURE_NO_TITLE);  
  20.         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,  
  21.                 WindowManager.LayoutParams.FLAG_FULLSCREEN);*/ 
  22.           
  23.         TabHost th = getTabHost();  
  24.           
  25.         LayoutInflater.from(this).inflate(R.layout.main, th.getTabContentView(), true);  
  26.           
  27.         th.addTab(th.newTabSpec("all").setIndicator("所有通话记录").setContent(R.id.TextView01));  
  28.         th.addTab(th.newTabSpec("ok").setIndicator("已接来电").setContent(R.id.TextView02));  
  29.         th.addTab(th.newTabSpec("cancel").setIndicator("未接来电").setContent(R.id.TextView03));  
  30.       
  31.           
  32.         th.setOnTabChangedListener(  
  33.                 new OnTabChangeListener() {  
  34.                     @Override 
  35.                     public void onTabChanged(String tabId) {  
  36.                         Toast.makeText(MainActivity.this, tabId, Toast.LENGTH_LONG).show();  
  37.                     }  
  38.                 }  
  39.         );  
  40.           
  41.           
  42.       
  43.     }  

/Chapter04_UI_Tab01/res/layout/main.xml

 


  1. 代码  
  2.  
  3. <?xml version="1.0" encoding="utf-8"?> 
  4.  
  5. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  6.     android:id="@+id/FrameLayout01"   
  7.     android:layout_width="wrap_content"   
  8.     android:layout_height="wrap_content"> 
  9.       
  10.     <TextView   
  11.     android:id="@+id/TextView01"   
  12.     android:layout_width="wrap_content"   
  13.     android:layout_height="wrap_content"   
  14.     android:text="所有通话记录"></TextView> 
  15.       
  16.     <TextView   
  17.     android:id="@+id/TextView02"   
  18.     android:layout_width="wrap_content"   
  19.     android:layout_height="wrap_content"   
  20.     android:text="已接来电"></TextView> 
  21.       
  22.     <TextView   
  23.     android:id="@+id/TextView03"   
  24.     android:layout_width="wrap_content"   
  25.     android:layout_height="wrap_content"   
  26.     android:text="未接来电"></TextView> 
  27.       
  28. </FrameLayout> 

通过实现一个接口TabHost.TabContentFactory的createTabContent方法来制定Tab的内容

/Chapter04_UI_Tab02/src/com/amaker/test/MainActivity.java

 


  1. 代码  
  2.  
  3. package com.amaker.test;  
  4.  
  5. import java.util.ArrayList;  
  6. import java.util.List;  
  7.  
  8. import android.app.TabActivity;  
  9. import android.os.Bundle;  
  10. import android.view.View;  
  11. import android.widget.ArrayAdapter;  
  12. import android.widget.ListView;  
  13. import android.widget.TabHost;  
  14.  
  15. public class MainActivity extends TabActivity implements 
  16.         TabHost.TabContentFactory {  
  17.     /** Called when the activity is first created. */ 
  18.     @Override 
  19.     public void onCreate(Bundle savedInstanceState) {  
  20.         super.onCreate(savedInstanceState);  
  21.         TabHost th = getTabHost();  
  22.         th.addTab(th.newTabSpec("all").setIndicator("所有通话记录").setContent(this));  
  23.         th.addTab(th.newTabSpec("ok").setIndicator("已接来电").setContent(this));  
  24.         th  
  25.                 .addTab(th.newTabSpec("cancel").setIndicator("未接来电")  
  26.                         .setContent(this));  
  27.     }  
  28.  
  29.     public View createTabContent(String tag) {  
  30.         ListView lv = new ListView(this);  
  31.         List<String> list = new ArrayList<String>();  
  32.         list.add(tag);  
  33.         if(tag.equals("all")){  
  34.             list.add("tom");  
  35.             list.add("kite");  
  36.             list.add("rose");  
  37.         }else if(tag.equals("ok")){  
  38.             list.add("tom");  
  39.             list.add("kite");  
  40.         }else{  
  41.             list.add("rose");  
  42.         }  
  43.           
  44.         ArrayAdapter adapter = new ArrayAdapter(this,  
  45.                 android.R.layout.simple_list_item_checked, list);  
  46.         lv.setAdapter(adapter);  
  47.         return lv;  
  48.     }  

/Chapter04_UI_Tab02/res/layout/main.xml

 


  1. 代码  
  2.  
  3. <?xml version="1.0" encoding="utf-8"?> 
  4. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  5.     android:orientation="vertical" 
  6.     android:layout_width="fill_parent" 
  7.     android:layout_height="fill_parent" 
  8.     > 
  9. <TextView    
  10.     android:layout_width="fill_parent"   
  11.     android:layout_height="wrap_content"   
  12.     android:text="@string/hello" 
  13.     /> 
  14. </LinearLayout> 

 

本文转自linzheng 51CTO博客,原文链接:http://blog.51cto.com/linzheng/1080696


上一篇:vim中设置tab的长度的方法


下一篇:这些优秀的主流代码编辑器,你用过多少款?