Tabhost嵌套以及Tab中多个Activity跳转的实现

      今天明白了Tabhost嵌套和Tab里实现多个Activity的跳转原理,自己做了一个demo,先看看效果图:


源码 如下:

[java] view plaincopy
  1. (1) DoubleTabHost
  2. package yy.android.tab;  
  3.   
  4. import android.app.TabActivity;  
  5. import android.content.Intent;  
  6. import android.os.Bundle;  
  7. import android.widget.TabHost;  
  8.   
  9. public class DoubleTabHost extends TabActivity {  
  10.         
  11.     /* 注意: 
  12.     * 对于TabHost、布局文件中必须包含 
  13.     * TabHost、TabWidget 、FrameLayout   
  14.     * 如果继承TabActivity,并且通过getTabHost()方法来获取TabHost 
  15.     * 那么三者的ID必须是android.R.id.tabhost、android.R.id.tabs、android.R.id.tabcontent 
  16.     * 如果继承Activity,可以通过findViewById来获取这三个组件,此时ID可自定义 
  17.     */    
  18.     @Override  
  19.     public void onCreate(Bundle savedInstanceState) {  
  20.         super.onCreate(savedInstanceState);  
  21.         setContentView(R.layout.main);  
  22.         //获得TabHost  
  23.         TabHost mTabHost = getTabHost();  
  24.         //新建一个tab并设置它的,Tag,标题,图标,内容  
  25.         mTabHost.addTab(mTabHost.newTabSpec("YouTube").setIndicator(  
  26.                 "YouTube",  
  27.                 getResources().getDrawable(android.R.drawable.arrow_down_float)).setContent(  
  28.                 new Intent(this, SubTab.class)));  
  29.         mTabHost.addTab(mTabHost.newTabSpec("Chrome").setIndicator(  
  30.                 "Chrome",  
  31.                 getResources().getDrawable(android.R.drawable.arrow_down_float)).setContent(  
  32.                 new Intent(this, YActivityGroup.class)));  
  33.         mTabHost.setCurrentTab(0);//设置初始选中状态为第一个tab  
  34.     }  
  35. }  
  36.   
  37. //////////////////////////////////////////////////////////////////////////////////////
  38.   
  39. (2)YTabDActivity
  40. package yy.android.tab;  
  41.   
  42. import android.app.Activity;  
  43. import android.content.Intent;  
  44. import android.os.Bundle;  
  45. import android.view.View;  
  46. import android.view.View.OnClickListener;  
  47. import android.view.Window;  
  48. import android.widget.Button;  
  49.   
  50. public class YTabDActivity extends Activity {  
  51.     @Override  
  52.     public void onCreate(Bundle savedInstanceState) {  
  53.         super.onCreate(savedInstanceState);  
  54.         setContentView(R.layout.normal);  
  55.       
  56.     Button btn = (Button) findViewById(R.id.btn);    
  57.     btn.setOnClickListener(new OnClickListener() {    
  58.             
  59.         public void onClick(View v) {    
  60.             // TODO Auto-generated method stub    
  61.             Intent intent = new Intent(YTabDActivity.this, SecondActivity.class).    
  62.                       addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);    
  63.             //把一个Activity转换成一个View    
  64.             Window w =  YActivityGroup.group.getLocalActivityManager()    
  65.                     .startActivity("SecondActivity",intent);    
  66.             View view = w.getDecorView();    
  67.             //把View添加大ActivityGroup中    
  68.             YActivityGroup.group.setContentView(view);    
  69.         }    
  70.     });    
  71.    }    
  72. }  
  73. //////////////////////////////////////////////////////////////////////////////////////////
  74.   
  75. (3)YActivityGroup
  76. package yy.android.tab;  
  77.   
  78. import android.app.ActivityGroup;  
  79. import android.content.Intent;  
  80. import android.os.Bundle;  
  81. import android.view.View;  
  82. import android.view.Window;  
  83.   
  84. public class YActivityGroup extends ActivityGroup{  
  85.      /** 
  86.      * 一个静态的ActivityGroup变量,用于管理本Group中的Activity 
  87.      */    
  88.     public static ActivityGroup group;    
  89.         
  90.     @Override    
  91.     protected void onCreate(Bundle savedInstanceState) {    
  92.         // TODO Auto-generated method stub    
  93.         super.onCreate(savedInstanceState);    
  94.             
  95.         group = this;    
  96.             
  97.     }    
  98.       
  99.     @Override//按返回键时  
  100.     public void onBackPressed() {    
  101.         // TODO Auto-generated method stub    
  102.       //super.onBackPressed();    
  103.         //把后退事件交给子Activity处理    
  104.         group.getLocalActivityManager()    
  105.             .getCurrentActivity().onBackPressed();    
  106.     }    
  107.    
  108.     @Override //从新获得焦点时  
  109.     protected void onResume() {    
  110.         // TODO Auto-generated method stub    
  111.         super.onResume();    
  112.         //把界面切换放到onResume方法中是因为,从其他选项卡切换回来时,    
  113.         //调用搞得是onResume方法    
  114.             
  115.         //要跳转的界面    
  116.         Intent intent = new Intent(this, YTabDActivity.class).    
  117.                   addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);    
  118.         //把一个Activity转换成一个View    
  119.         Window w = group.getLocalActivityManager().startActivity("YTabDActivity",intent);    
  120.         View view = w.getDecorView();    
  121.         //把View添加大ActivityGroup中    
  122.         group.setContentView(view);    
  123.     }    
  124. }  
  125. ////////////////////////////////////////////////////////////////////////////////  
  126.   
  127. (4) SubTab
  128. package yy.android.tab;  
  129.   
  130. import android.app.Activity;  
  131. import android.os.Bundle;  
  132. import android.widget.TabHost;  
  133. import android.widget.TabWidget;  
  134. import android.widget.TextView;  
  135.   
  136.    
  137. public class SubTab extends Activity {  
  138.       
  139.     @Override  
  140.     public void onCreate(Bundle savedInstanceState) {  
  141.         super.onCreate(savedInstanceState);  
  142.         setContentView(R.layout.subtab);  
  143.           
  144.         //获得TabHost  
  145.         TabHost mTabHost = (TabHost)findViewById(R.id.mytabhost);  
  146.         //当时通过findViewById来获得tabhost的而不是getTabHost获得的,在添加tab之前都需要setup  
  147.         mTabHost.setup();  
  148.         TabWidget tabWidget = mTabHost.getTabWidget();  
  149.           
  150.         mTabHost.addTab(mTabHost.newTabSpec("湖人").setIndicator(  
  151.                 "湖人").setContent(R.id.widget59));  
  152.         mTabHost.addTab(mTabHost.newTabSpec("热火").setIndicator(  
  153.                 "热火").setContent(R.id.widget60));  
  154.         mTabHost.addTab(mTabHost.newTabSpec("雷霆").setIndicator(  
  155.                 "雷霆").setContent(R.id.widget60));  
  156.         mTabHost.addTab(mTabHost.newTabSpec("凯尔特人").setIndicator(  
  157.                 "凯尔特人").setContent(R.id.widget60));  
  158.         mTabHost.setCurrentTab(0);//设置初始时,第一个tab为选中状态  
  159.           
  160.         int height =30;  
  161. //        int width =45;  
  162.         //tabWidget.getChildCount()是tab个数  
  163.         for (int i =0; i < tabWidget.getChildCount(); i++) {  
  164.               
  165.              /**设置高度、宽度,由于宽度设置为fill_parent,在此对它没效果 */  
  166.             tabWidget.getChildAt(i).getLayoutParams().height = height;  
  167. //            tabWidget.getChildAt(i).getLayoutParams().width = width;  
  168.             /**设置tab中标题文字的颜色,不然默认为黑色 */     
  169.              final TextView tv = (TextView) tabWidget.getChildAt(i).findViewById(android.R.id.title);  
  170.              tv.setTextColor(this.getResources().getColorStateList(android.R.color.white));  
  171.         }  
  172.     }  
  173. }  
  174. /////////////////////////////////////////////////////////////////////////////////  
  175.   
  176. (5)SecondActivity
  177. package yy.android.tab;  
  178.   
  179. import android.app.Activity;  
  180. import android.os.Bundle;  
  181.   
  182. public class SecondActivity extends Activity{  
  183.   
  184.     @Override  
  185.     protected void onCreate(Bundle savedInstanceState) {  
  186.         // TODO Auto-generated method stub  
  187.         super.onCreate(savedInstanceState);  
  188.         setContentView(R.layout.group);  
  189.     }  
  190. }  

////////////////////////////////////////////////////////////////////////////////////////

[html] view plaincopy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
  3.       package="yy.android.tab"  
  4.       android:versionCode="1"  
  5.       android:versionName="1.0">  
  6.     <application android:icon="@drawable/icon" android:label="@string/app_name">  
  7.         <activity android:name=".DoubleTabHost"  
  8.                   android:label="@string/app_name">  
  9.             <intent-filter>  
  10.                 <action android:name="android.intent.action.MAIN" />  
  11.                 <category android:name="android.intent.category.LAUNCHER" />  
  12.             </intent-filter>  
  13.         </activity>  
  14.         <activity android:name=".YActivityGroup"/>  
  15.         <activity android:name=".YTabDActivity"/>  
  16.         <activity android:name=".SubTab"/>  
  17.         <activity android:name=".SecondActivity"/>  
  18.     </application>  
  19.     <uses-sdk android:minSdkVersion="8" />  
  20.   
  21. </manifest>   

//////////////////////////////////////////////////////////////////////////////////
        (1)main.xml
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:id="@android:id/tabhost" android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     android:background="@drawable/ch">  
  6.     <LinearLayout android:orientation="vertical"  
  7.         android:layout_width="fill_parent" android:layout_height="fill_parent">  
  8.         <TabWidget android:id="@android:id/tabs"  
  9.             android:layout_alignParentBottom="true" android:layout_width="fill_parent"  
  10.             android:layout_height="wrap_content"/>  
  11.         <FrameLayout android:id="@android:id/tabcontent"  
  12.             android:layout_weight="1" android:layout_width="fill_parent"  
  13.             android:layout_height="fill_parent" />  
  14.     </LinearLayout>  
  15. </TabHost>  
  16.   
  17. ////////////////////////////////////////////////////////  

  18.   (2)group.xml
  19. <?xml version="1.0" encoding="utf-8"?>  
  20. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  21.     android:layout_width="match_parent"  
  22.     android:layout_height="match_parent"  
  23.     android:orientation="vertical" >  
  24.     <TextView  
  25.         android:id="@+id/text1"  
  26.         android:layout_width="wrap_content"  
  27.         android:layout_height="wrap_content"  
  28.         android:text="这是tab的第二个界面">  
  29.     </TextView>  
  30.       
  31. </LinearLayout>  
  32.   
  33. //////////////////////////////////////////////////////  
  34.   
  35. (3)normal.xml
  36. <?xml version="1.0" encoding="utf-8"?>  
  37. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  38.     android:layout_width="match_parent"  
  39.     android:layout_height="match_parent"  
  40.     android:orientation="vertical" >  
  41.     <TextView  
  42.         android:id="@+id/text1"  
  43.         android:layout_width="wrap_content"  
  44.         android:layout_height="wrap_content"  
  45.         android:text="这是tab的第一个界面">  
  46.     </TextView>  
  47.      <Button android:id="@+id/btn"     
  48.         android:layout_width="wrap_content"    
  49.         android:layout_height="wrap_content"    
  50.         android:text="跳转 "/>  
  51.       
  52. </LinearLayout>  
  53.   
  54. //////////////////////////////////////////////////////  
  55.   
  56. (4)subtab.xml
  57. <?xml version="1.0" encoding="utf-8"?>  
  58. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
  59.     android:id="@+id/mytabhost" android:layout_width="fill_parent"  
  60.     android:layout_height="fill_parent"  
  61.     android:background="@drawable/yt">  
  62.     <LinearLayout android:orientation="vertical"  
  63.         android:layout_width="fill_parent" android:layout_height="fill_parent">  
  64.         <!-- 注意FrameLayout\TabWidget标签的位置-->  
  65.           
  66.         <FrameLayout android:id="@android:id/tabcontent"  
  67.             android:layout_weight="1" android:layout_width="fill_parent"  
  68.             android:layout_height="fill_parent" >  
  69.                 <TextView  
  70.                     android:id="@+id/widget59"  
  71.                     android:layout_width="wrap_content"  
  72.                     android:layout_height="wrap_content"  
  73.                     android:text="苹果IOS?"  
  74.                     android:layout_alignParentTop="true"  
  75.                     android:layout_centerHorizontal="true"  
  76.                     >  
  77.                     </TextView>  
  78.                     <TextView  
  79.                     android:id="@+id/widget60"  
  80.                     android:layout_width="wrap_content"  
  81.                     android:layout_height="wrap_content"  
  82.                     android:text="谷歌Android"  
  83.                     android:layout_alignParentTop="true"  
  84.                     android:layout_alignParentRight="true"  
  85.                     >  
  86.                     </TextView>  
  87.         </FrameLayout>  
  88.         <TabWidget android:id="@android:id/tabs"  
  89.             android:layout_alignParentBottom="true" android:layout_width="fill_parent"  
  90.             android:layout_height="wrap_content"/>  
  91.     </LinearLayout>  
  92. </TabHost>  

OK,就写到这里,有什么问题可以一起讨论!!!

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页