效果图: 
 

首先看布局文件： 

Java代码   
  1. <?xml version="1.0" encoding="UTF-8"?>   
  2. "@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"  
  3.   xmlns:android="http://schemas.android.com/apk/res/android">   
  4.     
  5.         android:orientation="vertical"    
  6.         android:layout_width="fill_parent"    
  7.         android:layout_height="fill_parent">   
  8.         
  9.             android:id="@android:id/tabcontent"    
  10.             android:layout_width="fill_parent"    
  11.             android:layout_height="0.0dip"    
  12.             android:layout_weight="1.0" />   
  13.         
  14.             android:id="@android:id/tabs"    
  15.             android:visibility="gone"    
  16.             android:layout_width="fill_parent"    
  17.             android:layout_height="wrap_content"    
  18.             android:layout_weight="0.0" />   
  19.         
  20.             android:gravity="center_vertical"    
  21.             android:layout_gravity="bottom"    
  22.             android:orientation="horizontal"    
  23.             android:id="@+id/main_radio"    
  24.             android:background="@drawable/maintab_toolbar_bg"    
  25.             android:layout_width="fill_parent"    
  26.             android:layout_height="wrap_content">   
  27.             
  28.                 android:id="@+id/radio_button0"    
  29.                 android:tag="radio_button0"    
  30.                 android:layout_marginTop="2.0dip"    
  31.                 android:text="@string/alarm"    
  32.                 android:drawableTop="@drawable/icon_1"    
  33.                 style="@style/main_tab_bottom" />   
  34.             
  35.                 android:id="@+id/radio_button1"    
  36.                 android:tag="radio_button1"    
  37.                 android:layout_marginTop="2.0dip"    
  38.                 android:text="@string/message"    
  39.                 android:drawableTop="@drawable/icon_2"    
  40.                 style="@style/main_tab_bottom" />   
  41.             
  42.                 android:id="@+id/radio_button2"    
  43.                 android:tag="radio_button2"    
  44.                 android:layout_marginTop="2.0dip"    
  45.                 android:text="@string/photo"    
  46.                 android:drawableTop="@drawable/icon_3"    
  47.                 style="@style/main_tab_bottom" />   
  48.             
  49.                 android:id="@+id/radio_button3"    
  50.                 android:tag="radio_button3"    
  51.                 android:layout_marginTop="2.0dip"    
  52.                 android:text="@string/music"    
  53.                 android:drawableTop="@drawable/icon_4"    
  54.                 style="@style/main_tab_bottom" />   
  55.             
  56.                 android:id="@+id/radio_button4"    
  57.                 android:tag="radio_button4"    
  58.                 android:layout_marginTop="2.0dip"    
  59.                 android:text="@string/setting"    
  60.                 android:drawableTop="@drawable/icon_5"    
  61.                 style="@style/main_tab_bottom" />   
  62.            
  63.        
  64.   
[java]  view plain copy
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. "@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"  
  3.   xmlns:android="http://schemas.android.com/apk/res/android">  
  4.     
  5.         android:orientation="vertical"   
  6.         android:layout_width="fill_parent"   
  7.         android:layout_height="fill_parent">  
  8.         
  9.             android:id="@android:id/tabcontent"   
  10.             android:layout_width="fill_parent"   
  11.             android:layout_height="0.0dip"   
  12.             android:layout_weight="1.0" />  
  13.         
  14.             android:id="@android:id/tabs"   
  15.             android:visibility="gone"   
  16.             android:layout_width="fill_parent"   
  17.             android:layout_height="wrap_content"   
  18.             android:layout_weight="0.0" />  
  19.         
  20.             android:gravity="center_vertical"   
  21.             android:layout_gravity="bottom"   
  22.             android:orientation="horizontal"   
  23.             android:id="@+id/main_radio"   
  24.             android:background="@drawable/maintab_toolbar_bg"   
  25.             android:layout_width="fill_parent"   
  26.             android:layout_height="wrap_content">  
  27.             
  28.                 android:id="@+id/radio_button0"   
  29.                 android:tag="radio_button0"   
  30.                 android:layout_marginTop="2.0dip"   
  31.                 android:text="@string/alarm"   
  32.                 android:drawableTop="@drawable/icon_1"   
  33.                 style="@style/main_tab_bottom" />  
  34.             
  35.                 android:id="@+id/radio_button1"   
  36.                 android:tag="radio_button1"   
  37.                 android:layout_marginTop="2.0dip"   
  38.                 android:text="@string/message"   
  39.                 android:drawableTop="@drawable/icon_2"   
  40.                 style="@style/main_tab_bottom" />  
  41.             
  42.                 android:id="@+id/radio_button2"   
  43.                 android:tag="radio_button2"   
  44.                 android:layout_marginTop="2.0dip"   
  45.                 android:text="@string/photo"   
  46.                 android:drawableTop="@drawable/icon_3"   
  47.                 style="@style/main_tab_bottom" />  
  48.             
  49.                 android:id="@+id/radio_button3"   
  50.                 android:tag="radio_button3"   
  51.                 android:layout_marginTop="2.0dip"   
  52.                 android:text="@string/music"   
  53.                 android:drawableTop="@drawable/icon_4"   
  54.                 style="@style/main_tab_bottom" />  
  55.             
  56.                 android:id="@+id/radio_button4"   
  57.                 android:tag="radio_button4"   
  58.                 android:layout_marginTop="2.0dip"   
  59.                 android:text="@string/setting"   
  60.                 android:drawableTop="@drawable/icon_5"   
  61.                 style="@style/main_tab_bottom" />  
  62.           
  63.       
  64.   


需要注意的是，如果用TabHost这个控件，其中有几个ID是必须这么写的，android:id="@android:id/tabhost   ；android:id="@android:id/tabcontent" ；android:id="@android:id/tabs" ；之所以要这么写是因为在TabHost这个类中。需要实例化上述这个ID的控件。看源码： 

在TabActivity中有么个方法： 

Java代码   
  1. @Override  
  2. public void onContentChanged() {   
  3.     super.onContentChanged();   
  4.     mTabHost = (TabHost) findViewById(com.android.internal.R.id.tabhost);   
  5.   
  6.     if (mTabHost == null) {   
  7.         throw new RuntimeException(   
  8.                 "Your content must have a TabHost whose id attribute is " +   
  9.                 "'android.R.id.tabhost'");   
  10.     }   
  11.     mTabHost.setup(getLocalActivityManager());   
  12. }   
  13.   
  14. private void ensureTabHost() {   
  15.     if (mTabHost == null) {   
  16.         this.setContentView(com.android.internal.R.layout.tab_content);   
  17.     }   
  18. }  
[java]  view plain copy
  1. @Override  
  2. public void onContentChanged() {  
  3.     super.onContentChanged();  
  4.     mTabHost = (TabHost) findViewById(com.android.internal.R.id.tabhost);  
  5.   
  6.     if (mTabHost == null) {  
  7.         throw new RuntimeException(  
  8.                 "Your content must have a TabHost whose id attribute is " +  
  9.                 "'android.R.id.tabhost'");  
  10.     }  
  11.     mTabHost.setup(getLocalActivityManager());  
  12. }  
  13.   
  14. private void ensureTabHost() {  
  15.     if (mTabHost == null) {  
  16.         this.setContentView(com.android.internal.R.layout.tab_content);  
  17.     }  
  18. }  


当内容发生改变时它会调用这个方法，来更新列表或者其他视图，而这个方法中需要实例化TabHost，所以必须通过ID为tabhost实例化。 

再看看TabHost这个类中， 
Java代码   
  1. public void setup() {   
  2.     mTabWidget = (TabWidget) findViewById(com.android.internal.R.id.tabs);   
  3.     if (mTabWidget == null) {   
  4.         throw new RuntimeException(   
  5.                 "Your TabHost must have a TabWidget whose id attribute is 'android.R.id.tabs'");   
  6.     }   
  7.   
  8.     // KeyListener to attach to all tabs. Detects non-navigation keys   
  9.     // and relays them to the tab content.   
  10.     mTabKeyListener = new OnKeyListener() {   
  11.         public boolean onKey(View v, int keyCode, KeyEvent event) {   
  12.             switch (keyCode) {   
  13.                 case KeyEvent.KEYCODE_DPAD_CENTER:   
  14.                 case KeyEvent.KEYCODE_DPAD_LEFT:   
  15.                 case KeyEvent.KEYCODE_DPAD_RIGHT:   
  16.                 case KeyEvent.KEYCODE_DPAD_UP:   
  17.                 case KeyEvent.KEYCODE_DPAD_DOWN:   
  18.                 case KeyEvent.KEYCODE_ENTER:   
  19.                     return false;   
  20.   
  21.             }   
  22.             mTabContent.requestFocus(View.FOCUS_FORWARD);   
  23.             return mTabContent.dispatchKeyEvent(event);   
  24.         }   
  25.   
  26.     };   
  27.   
  28.     mTabWidget.setTabSelectionListener(new TabWidget.OnTabSelectionChanged() {   
  29.         public void onTabSelectionChanged(int tabIndex, boolean clicked) {   
  30.             setCurrentTab(tabIndex);   
  31.             if (clicked) {   
  32.                 mTabContent.requestFocus(View.FOCUS_FORWARD);   
  33.             }   
  34.         }   
  35.     });   
  36.   
  37.     mTabContent = (FrameLayout) findViewById(com.android.internal.R.id.tabcontent);   
  38.     if (mTabContent == null) {   
  39.         throw new RuntimeException(   
  40.                 "Your TabHost must have a FrameLayout whose id attribute is "  
  41.                         + "'android.R.id.tabcontent'");   
  42.     }   
  43. }  
[java]  view plain copy
  1. public void setup() {  
  2.     mTabWidget = (TabWidget) findViewById(com.android.internal.R.id.tabs);  
  3.     if (mTabWidget == null) {  
  4.         throw new RuntimeException(  
  5.                 "Your TabHost must have a TabWidget whose id attribute is 'android.R.id.tabs'");  
  6.     }  
  7.   
  8.     // KeyListener to attach to all tabs. Detects non-navigation keys  
  9.     // and relays them to the tab content.  
  10.     mTabKeyListener = new OnKeyListener() {  
  11.         public boolean onKey(View v, int keyCode, KeyEvent event) {  
  12.             switch (keyCode) {  
  13.                 case KeyEvent.KEYCODE_DPAD_CENTER:  
  14.                 case KeyEvent.KEYCODE_DPAD_LEFT:  
  15.                 case KeyEvent.KEYCODE_DPAD_RIGHT:  
  16.                 case KeyEvent.KEYCODE_DPAD_UP:  
  17.                 case KeyEvent.KEYCODE_DPAD_DOWN:  
  18.                 case KeyEvent.KEYCODE_ENTER:  
  19.                     return false;  
  20.   
  21.             }  
  22.             mTabContent.requestFocus(View.FOCUS_FORWARD);  
  23.             return mTabContent.dispatchKeyEvent(event);  
  24.         }  
  25.   
  26.     };  
  27.   
  28.     mTabWidget.setTabSelectionListener(new TabWidget.OnTabSelectionChanged() {  
  29.         public void onTabSelectionChanged(int tabIndex, boolean clicked) {  
  30.             setCurrentTab(tabIndex);  
  31.             if (clicked) {  
  32.                 mTabContent.requestFocus(View.FOCUS_FORWARD);  
  33.             }  
  34.         }  
  35.     });  
  36.   
  37.     mTabContent = (FrameLayout) findViewById(com.android.internal.R.id.tabcontent);  
  38.     if (mTabContent == null) {  
  39.         throw new RuntimeException(  
  40.                 "Your TabHost must have a FrameLayout whose id attribute is "  
  41.                         + "'android.R.id.tabcontent'");  
  42.     }  
  43. }  


这个方法，是在增加选项卡之前由系统调用。在这个方法中需要通过tabs 这个ID实例化一个TabWidget，通过tabcontent这个ID实例化一个FrameLayout，用来放置选项卡内容。所以这两个ID也是固定的。 

在上述布局文件中隐藏了系统默认的Widget，取而代之的是带有图片的Button。 

看一下主要代码： 

Java代码   
  1. package com.iteye.androidtoast;   
  2.   
  3. import android.app.TabActivity;   
  4. import android.content.Intent;   
  5. import android.os.Bundle;   
  6. import android.widget.RadioGroup;   
  7. import android.widget.RadioGroup.OnCheckedChangeListener;   
  8. import android.widget.TabHost;   
  9.   
  10. public class MainActivity extends TabActivity implements OnCheckedChangeListener{   
  11.     /** Called when the activity is first created. */  
  12.     private TabHost mHost;   
  13.     private RadioGroup radioderGroup;   
  14.     @Override  
  15.     public void onCreate(Bundle savedInstanceState) {   
  16.         super.onCreate(savedInstanceState);   
  17.         setContentView(R.layout.maintabs);   
  18.         //实例化TabHost   
  19.         mHost=this.getTabHost();   
  20.            
  21.         //添加选项卡   
  22.         mHost.addTab(mHost.newTabSpec("ONE").setIndicator("ONE")   
  23.                     .setContent(new Intent(this,OneActivity.class)));   
  24.         mHost.addTab(mHost.newTabSpec("TWO").setIndicator("TWO")   
  25.                 .setContent(new Intent(this,TwoActivity.class)));   
  26.         mHost.addTab(mHost.newTabSpec("THREE").setIndicator("THREE")   
  27.                 .setContent(new Intent(this,ThreeActivity.class)));   
  28.         mHost.addTab(mHost.newTabSpec("FOUR").setIndicator("FOUR")   
  29.                 .setContent(new Intent(this,FourActivity.class)));   
  30.         mHost.addTab(mHost.newTabSpec("FIVE").setIndicator("FIVE")   
  31.                 .setContent(new Intent(this,FiveActivity.class)));   
  32.            
  33.         radioderGroup = (RadioGroup) findViewById(R.id.main_radio);   
  34.         radioderGroup.setOnCheckedChangeListener(this);   
  35.     }   
  36.     @Override  
  37.     public void onCheckedChanged(RadioGroup group, int checkedId) {   
  38.         switch(checkedId){   
  39.         case R.id.radio_button0:   
  40.             mHost.setCurrentTabByTag("ONE");   
  41.             break;   
  42.         case R.id.radio_button1:   
  43.             mHost.setCurrentTabByTag("TWO");   
  44.             break;   
  45.         case R.id.radio_button2:   
  46.             mHost.setCurrentTabByTag("THREE");   
  47.             break;   
  48.         case R.id.radio_button3:   
  49.             mHost.setCurrentTabByTag("FOUR");   
  50.             break;   
  51.         case R.id.radio_button4:   
  52.             mHost.setCurrentTabByTag("FIVE");   
  53.             break;   
  54.         }          
  55.     }   
  56. }  
[java]  view plain copy
  1. package com.iteye.androidtoast;  
  2.   
  3. import android.app.TabActivity;  
  4. import android.content.Intent;  
  5. import android.os.Bundle;  
  6. import android.widget.RadioGroup;  
  7. import android.widget.RadioGroup.OnCheckedChangeListener;  
  8. import android.widget.TabHost;  
  9.   
  10. public class MainActivity extends TabActivity implements OnCheckedChangeListener{  
  11.     /** Called when the activity is first created. */  
  12.     private TabHost mHost;  
  13.     private RadioGroup radioderGroup;  
  14.     @Override  
  15.     public void onCreate(Bundle savedInstanceState) {  
  16.         super.onCreate(savedInstanceState);  
  17.         setContentView(R.layout.maintabs);  
  18.         //实例化TabHost  
  19.         mHost=this.getTabHost();  
  20.           
  21.         //添加选项卡  
  22.         mHost.addTab(mHost.newTabSpec("ONE").setIndicator("ONE")  
  23.                     .setContent(new Intent(this,OneActivity.class)));  
  24.         mHost.addTab(mHost.newTabSpec("TWO").setIndicator("TWO")  
  25.                 .setContent(new Intent(this,TwoActivity.class)));  
  26.         mHost.addTab(mHost.newTabSpec("THREE").setIndicator("THREE")  
  27.                 .setContent(new Intent(this,ThreeActivity.class)));  
  28.         mHost.addTab(mHost.newTabSpec("FOUR").setIndicator("FOUR")  
  29.                 .setContent(new Intent(this,FourActivity.class)));  
  30.         mHost.addTab(mHost.newTabSpec("FIVE").setIndicator("FIVE")  
  31.                 .setContent(new Intent(this,FiveActivity.class)));  
  32.           
  33.         radioderGroup = (RadioGroup) findViewById(R.id.main_radio);  
  34.         radioderGroup.setOnCheckedChangeListener(this);  
  35.     }  
  36.     @Override  
  37.     public void onCheckedChanged(RadioGroup group, int checkedId) {  
  38.         switch(checkedId){  
  39.         case R.id.radio_button0:  
  40.             mHost.setCurrentTabByTag("ONE");  
  41.             break;  
  42.         case R.id.radio_button1:  
  43.             mHost.setCurrentTabByTag("TWO");  
  44.             break;  
  45.         case R.id.radio_button2:  
  46.             mHost.setCurrentTabByTag("THREE");  
  47.             break;  
  48.         case R.id.radio_button3:  
  49.             mHost.setCurrentTabByTag("FOUR");  
  50.             break;  
  51.         case R.id.radio_button4:  
  52.             mHost.setCurrentTabByTag("FIVE");  
  53.             break;  
  54.         }         
  55.     }  
  56. }  
转载自：http://www.iteye.com/topic/1116261 

更多相关文章

  1. Android(安卓)Studio 系列（二）使用Android(安卓)Studio 导入整个an
  2. Android(安卓)面试题总结之Android(安卓)基础（四）
  3. Android(安卓)sms 发送、接收及格式
  4. SeekBar自定义
  5. android sms发送、接收及格式
  6. 【Android】Android(安卓)代码判断是否获取ROOT权限（一）
  7. android 分隔线
  8. 使用Vitamio打造自己的Android万能播放器（1）――准备
  9. flutter 与 android 混合开发 以及 Android与flutter之间的通信

随机推荐

  1. Android(安卓)activity生命周期的几种场
  2. Android经常使用UI组件 - TextView
  3. onPrepareOptionsMenu 和onCreateOptions
  4. Android（java）学习笔记91：泛型接口的概述和
  5. Android(安卓)常用基本控件 ImageButton
  6. Android初级教程理论知识（第八章网络编程
  7. android中监听layout布局
  8. 编写高效的Android代码(Designing for Pe
  9. [毕业设计-基于android的手机网盘的设计
  10. Android(安卓)AssetManager