Android之Tab分页标签的实现方法一-----TabActivity和TabHost的结合（二）

在上一篇讲到了TabActivity和TabHost的结合的分页实现方式一。这里，将讲到方式二。其实，方式一、二大同小异，只是方式二的布局文件可以是独立的。当然，也有些差别，例如点击顶部Tab标签时页面跳转事件响应的实现也不同。具体，看源代码。

      二、TabActivity和TabHost的结合实现分页标签--------方式二

      细节分析：

      1.主类继承TabActivity

      public class Pagination extends TabActivity

      2.获取当前TabHost对象

      TabHost tabHost = getTabHost();

      3.添加Tab分页标签
      tabHost.addTab(tabHost.newTabSpec("Tab1")        

      .setIndicator("Tab1", getResources().getDrawable(R.drawable.a1))   
      .setContent(this));  

       ........

      这里，你会疑问，布局文件不用添加吗！确实，要添加，但是动态添加。即点击哪个Tab标签时，动态添加对应的布局文件。

      public View createTabContent(String tag){..........}

    

        

 

          

      1、布局文件：secondpage.xml

     

view plain

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout  
3. android:id="@+id/widget30"  
4. android:layout_width="fill_parent"  
5. android:layout_height="fill_parent"  
6. xmlns:android="http://schemas.android.com/apk/res/android"  
7. android:orientation="vertical"  
8. >  
9. <EditText  
10. android:id="@+id/et_text"  
11. android:layout_width="fill_parent"  
12. android:layout_height="wrap_content"  
13. android:text="EditText"  
14. android:textSize="18sp"  
15. >  
16. </EditText>  
17. <Button  
18. android:id="@+id/bt_show"  
19. android:layout_width="149px"  
20. android:layout_height="wrap_content"  
21. android:text="显示"  
22. >  
23. </Button>  
24. </LinearLayout>  

      2、代码文件：

      

view plain

1. package com.myandroid.test;  
2.   
3. import android.app.TabActivity;  
4. import android.os.Bundle;  
5. import android.util.Log;  
6. import android.view.LayoutInflater;  
7. import android.view.View;  
8. import android.widget.Button;  
9. import android.widget.EditText;  
10. import android.widget.TabHost;  
11. import android.widget.TextView;  
12. import android.widget.Toast;  
13.   
14. public class TabPage extends TabActivity implements TabHost.TabContentFactory {     
15.     @Override    
16.     protected void onCreate(Bundle savedInstanceState) {     
17.         super.onCreate(savedInstanceState);     
18.         //setContentView(R.layout.main); 这里不需要加载主页面  
19.         final TabHost tabHost = getTabHost();   //tab控制对象  
20.         tabHost.addTab(tabHost.newTabSpec("Tab1")   //添加顶部的分页符  
21.                 .setIndicator("Tab1", getResources().getDrawable(R.drawable.a1))     
22.                 .setContent(this));     
23.         tabHost.addTab(tabHost.newTabSpec("Tab2")     
24.                 .setIndicator("Tab2", getResources().getDrawable(R.drawable.a2))     
25.                 .setContent(this));     
26.         tabHost.addTab(tabHost.newTabSpec("Tab3")     
27.                 .setIndicator("Tab3", getResources().getDrawable(R.drawable.a3))     
28.                 .setContent(this));     
29.     }   
30.       
31.     /** 
32.      * 点击Tab，跳转页面时激发的事件处理 
33.      */  
34.     public View createTabContent(String tag) {   
35.         Log.e("tag", tag);  //这里的tag字符串是tabHost.newTabSpec("Tab1") 定义的字符串  
36.         int tabPage = Integer.parseInt(tag.substring(tag.length()-1));  //获取最后面的数字  
37.         final TextView tv = new TextView(this);   //要用final修饰，否则报错  
38.         tv.setText("This is " + tag);  
39.           
40.         switch(tabPage) {  
41.         case 1: //分页一  
42.             break;  
43.               
44.         case 2: //分页二  
45.             final LayoutInflater layout = LayoutInflater.from(TabPage.this);            //用于加载XML的对象，要使用final修饰   
46.             final View customView = layout.inflate(R.layout.secondpage, null);          //创建自定义的View，要使用final修饰   
47.             final Button bt_show = (Button)customView.findViewById(R.id.bt_show);         
48.             final EditText et_text = (EditText)customView.findViewById(R.id.et_text);  
49.             bt_show.setOnClickListener(new Button.OnClickListener() {  
50.                 @Override  
51.                 public void onClick(View v) {  
52.                     // TODO Auto-generated method stub  
53.                 Toast.makeText(TabPage.this, et_text.getText(), Toast.LENGTH_SHORT).show();  
54.                 }     
55.             });  
56.             return customView;  
57.               
58.         case 3: //分页三  
59.             break;  
60.         default:   
61.                 break;  
62.         }  
63.           
64.         //不可以返回null  
65.         return tv;  
66.        
67.     }     
68. }     

       在下一篇，将继续讲到TabActivity和TabHost的结合实现分页标签--------方式三，也是较前两种方式好很多。