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

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