定义小弟我们自己的tabhost:不用继承TabActivity

定义我们自己的tabhost:不用继承TabActivity

 一种是继承TabActivity 类,可以使用android的自己内部定义好的.xml资源文件作容器文件。也就是在我们的代码中使用getTabHost(); , 而相应的后台源码是这样的:

定义小弟我们自己的tabhost:不用继承TabActivitythis.setContentView(com.android.internal.R.layout.tab_content);

       在系统的资源文件中可以看见这个layout

定义小弟我们自己的tabhost:不用继承TabActivity


      有了容器,然后我们就需要我们为每个tab分配内容,当然要可以是如何类型的标签:
      例如我们构建一下.xml文件
  首先tab1.xml 是一个LinearLayout布局

定义小弟我们自己的tabhost:不用继承TabActivity<?xml version="1.0" encoding="utf-8"?>
定义小弟我们自己的tabhost:不用继承TabActivity
定义小弟我们自己的tabhost:不用继承TabActivity
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
定义小弟我们自己的tabhost:不用继承TabActivity    android:id
="@+id/LinearLayout01" android:layout_width="wrap_content"
定义小弟我们自己的tabhost:不用继承TabActivity    android:layout_height
="wrap_content">
定义小弟我们自己的tabhost:不用继承TabActivity    
<TextView android:text="tab1 with linear layout"
定义小弟我们自己的tabhost:不用继承TabActivity        android:id
="@+id/TextView01" android:layout_width="wrap_content"
定义小弟我们自己的tabhost:不用继承TabActivity        android:layout_height
="wrap_content">
定义小弟我们自己的tabhost:不用继承TabActivity    
</TextView>
定义小弟我们自己的tabhost:不用继承TabActivity
</LinearLayout>


  
然后是tab2.xml是一个FrameLayout布局

定义小弟我们自己的tabhost:不用继承TabActivity<?xml version="1.0" encoding="utf-8"?>
定义小弟我们自己的tabhost:不用继承TabActivity    
<FrameLayout  xmlns:android="http://schemas.android.com/apk/res/android"
定义小弟我们自己的tabhost:不用继承TabActivity    
定义小弟我们自己的tabhost:不用继承TabActivity    android:id
="@+id/FrameLayout02"
定义小弟我们自己的tabhost:不用继承TabActivity        android:layout_width
="wrap_content"
定义小弟我们自己的tabhost:不用继承TabActivity        android:layout_height
="wrap_content">
定义小弟我们自己的tabhost:不用继承TabActivity        
<LinearLayout android:id="@+id/LinearLayout02"
定义小弟我们自己的tabhost:不用继承TabActivity            android:layout_width
="wrap_content"
定义小弟我们自己的tabhost:不用继承TabActivity            android:layout_height
="wrap_content">
定义小弟我们自己的tabhost:不用继承TabActivity            
<TextView android:text="tab2"
定义小弟我们自己的tabhost:不用继承TabActivity                android:id
="@+id/TextView01" android:layout_width="wrap_content"
定义小弟我们自己的tabhost:不用继承TabActivity                android:layout_height
="wrap_content">
定义小弟我们自己的tabhost:不用继承TabActivity            
</TextView>
定义小弟我们自己的tabhost:不用继承TabActivity        
</LinearLayout>
定义小弟我们自己的tabhost:不用继承TabActivity        
定义小弟我们自己的tabhost:不用继承TabActivity    
</FrameLayout>

接着要注册这两个FrameLayout为tabhost的Content,也就是接下来的代码:

定义小弟我们自己的tabhost:不用继承TabActivityLayoutInflater inflater_tab1 = LayoutInflater.from(this);   
定义小弟我们自己的tabhost:不用继承TabActivity        inflater_tab1.inflate(R.layout.tab1, mTabHost.getTabContentView());  
定义小弟我们自己的tabhost:不用继承TabActivity        inflater_tab1.inflate(R.layout.tab2, mTabHost.getTabContentView()); 

  
然后需要构建前面说的tabhost的第三个实例变量对应得内容,源代码中是这样的:

定义小弟我们自己的tabhost:不用继承TabActivityprivate List<TabSpec> mTabSpecs = new ArrayList<TabSpec>(2);

 初始化是两个tab的空间然后会自动扩展:
好 我们构建我们的tabspec:

定义小弟我们自己的tabhost:不用继承TabActivitymTabHost.addTab(mTabHost.newTabSpec("tab_test1").setIndicator("TAB 11").setContent(R.id.LinearLayout01));  
定义小弟我们自己的tabhost:不用继承TabActivity        mTabHost.addTab(mTabHost.newTabSpec(
"tab_test1").setIndicator("TAB 11").setContent(R.id.FrameLayout02));    


也就是把我们的2个layout作为他的content,当然FrameLayout中可以有其他的布局,来放我的组件。
我们不需要在代码里面设置setContentView();因为getTabHost(); 这个方法调用后就已经设置了,源代码:
  

定义小弟我们自己的tabhost:不用继承TabActivityif (mTabHost == null{
定义小弟我们自己的tabhost:不用继承TabActivity            
this.setContentView(com.android.internal.R.layout.tab_content);
定义小弟我们自己的tabhost:不用继承TabActivity        }

也就是把系统的tab_content当做view设置。
运行后如下:
 定义小弟我们自己的tabhost:不用继承TabActivity
完整代码:

定义小弟我们自己的tabhost:不用继承TabActivity TabHost mTabHost = getTabHost();
定义小弟我们自己的tabhost:不用继承TabActivity        LayoutInflater inflater_tab1 
= LayoutInflater.from(this);   
定义小弟我们自己的tabhost:不用继承TabActivity        inflater_tab1.inflate(R.layout.tab1, mTabHost.getTabContentView());  
定义小弟我们自己的tabhost:不用继承TabActivity        inflater_tab1.inflate(R.layout.tab2, mTabHost.getTabContentView());   
定义小弟我们自己的tabhost:不用继承TabActivity        mTabHost.addTab(mTabHost.newTabSpec(
"tab_test1").setIndicator("TAB 11").setContent(R.id.LinearLayout01));  
定义小弟我们自己的tabhost:不用继承TabActivity        mTabHost.addTab(mTabHost.newTabSpec(
"tab_test1").setIndicator("TAB 11").setContent(R.id.FrameLayout02)); 




 还有一种就是定义我们自己的tabhost:不用继承TabActivity

 首先建立我们自己的.xml文件,当然要包含Tabhost,TabWidget,FrameLayout,着3个标签:

定义小弟我们自己的tabhost:不用继承TabActivity<?xml version="1.0" encoding="utf-8"?>  
定义小弟我们自己的tabhost:不用继承TabActivity
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
定义小弟我们自己的tabhost:不用继承TabActivity    android:id
="@+id/tabhost"  
定义小弟我们自己的tabhost:不用继承TabActivity    android:layout_width
="fill_parent"  
定义小弟我们自己的tabhost:不用继承TabActivity    android:layout_height
="fill_parent">  
定义小弟我们自己的tabhost:不用继承TabActivity    
<LinearLayout  
定义小弟我们自己的tabhost:不用继承TabActivity        android:orientation
="vertical"  
定义小弟我们自己的tabhost:不用继承TabActivity        android:layout_width
="fill_parent"  
定义小弟我们自己的tabhost:不用继承TabActivity        android:layout_height
="fill_parent">  
定义小弟我们自己的tabhost:不用继承TabActivity        
<TabWidget  
定义小弟我们自己的tabhost:不用继承TabActivity            android:id
="@android:id/tabs"  
定义小弟我们自己的tabhost:不用继承TabActivity            android:layout_width
="fill_parent"  
定义小弟我们自己的tabhost:不用继承TabActivity            android:layout_height
="wrap_content" />  
定义小弟我们自己的tabhost:不用继承TabActivity        
<FrameLayout  
定义小弟我们自己的tabhost:不用继承TabActivity            android:id
="@android:id/tabcontent"  
定义小弟我们自己的tabhost:不用继承TabActivity            android:layout_width
="fill_parent"  
定义小弟我们自己的tabhost:不用继承TabActivity            android:layout_height
="fill_parent">  
定义小弟我们自己的tabhost:不用继承TabActivity             
定义小弟我们自己的tabhost:不用继承TabActivity        
</FrameLayout>  
定义小弟我们自己的tabhost:不用继承TabActivity    
</LinearLayout>  
定义小弟我们自己的tabhost:不用继承TabActivity
</TabHost>  
定义小弟我们自己的tabhost:不用继承TabActivity

     注意的是:除了tabhost的id可以自定义外,其他的必须使用系统的id,为什么后面说,
       当然我们可以在FrameLayout里面添加view来作为tab的内容只需要在create tabspce时候添加就可以了,我们为了把每个tab的内容分开我们依然使用前面用到的两个tab xml文件
 java代码:
      获取TabHost 通过findviewbyid,

定义小弟我们自己的tabhost:不用继承TabActivitysetContentView(R.layout.main);   
定义小弟我们自己的tabhost:不用继承TabActivity        TabHost mTabHost 
= (TabHost)findViewById(R.id.tabhost);

    接下来很重要的一步是要使用TabHost.setup();
     作用是来初始化我们的TabHost容器:
    源代码是这样说的:

定义小弟我们自己的tabhost:不用继承TabActivity<p>Call setup() before adding tabs if loading TabHost using findViewById(). <i><b>However</i></b>: You do
定义小弟我们自己的tabhost:不用继承TabActivity      
* not need to call setup() after getTabHost() in {@link android.app.TabActivity TabActivity}.

  也就是说通过findviewbyid,方法获得tabhost必须setup 而通过getTabHost则不用。
  setup干什么呢:源代码

定义小弟我们自己的tabhost:不用继承TabActivitymTabWidget = (TabWidget) findViewById(com.android.internal.R.id.tabs);
定义小弟我们自己的tabhost:不用继承TabActivity        
if (mTabWidget == null{
定义小弟我们自己的tabhost:不用继承TabActivity            
throw new RuntimeException(
定义小弟我们自己的tabhost:不用继承TabActivity                    
"Your TabHost must have a TabWidget whose id attribute is 'android.R.id.tabs'");
定义小弟我们自己的tabhost:不用继承TabActivity        }

定义小弟我们自己的tabhost:不用继承TabActivity定义小弟我们自己的tabhost:不用继承TabActivity
定义小弟我们自己的tabhost:不用继承TabActivitymTabContent 
= (FrameLayout) findViewById(com.android.internal.R.id.tabcontent);
定义小弟我们自己的tabhost:不用继承TabActivity        
if (mTabContent == null{
定义小弟我们自己的tabhost:不用继承TabActivity            
throw new RuntimeException(
定义小弟我们自己的tabhost:不用继承TabActivity                    
"Your TabHost must have a FrameLayout whose id attribute is 'android.R.id.tabcontent'");
定义小弟我们自己的tabhost:不用继承TabActivity        }

   他主要是初始化了tabhost的两个实例变量,这里也回答了为什么我们的id必须使用系统定义的id的原因
  接下来工作就和前面相同了:

定义小弟我们自己的tabhost:不用继承TabActivityLayoutInflater inflater_tab1 = LayoutInflater.from(this);   
定义小弟我们自己的tabhost:不用继承TabActivity        inflater_tab1.inflate(R.layout.tab1, mTabHost.getTabContentView());  
定义小弟我们自己的tabhost:不用继承TabActivity        inflater_tab1.inflate(R.layout.tab2, mTabHost.getTabContentView());
定义小弟我们自己的tabhost:不用继承TabActivity        mTabHost.addTab(mTabHost.newTabSpec(
"tab_test1").setIndicator("TAB a").setContent(R.id.LinearLayout01));   
定义小弟我们自己的tabhost:不用继承TabActivity        mTabHost.addTab(mTabHost.newTabSpec(
"tab_test2").setIndicator("TAB b").setContent(R.id.FrameLayout02)); 


 完整代码:

定义小弟我们自己的tabhost:不用继承TabActivitysetContentView(R.layout.main);   
定义小弟我们自己的tabhost:不用继承TabActivity        TabHost mTabHost 
= (TabHost)findViewById(R.id.tabhost); 
定义小弟我们自己的tabhost:不用继承TabActivity        mTabHost.setup();
定义小弟我们自己的tabhost:不用继承TabActivity        LayoutInflater inflater_tab1 
= LayoutInflater.from(this);   
定义小弟我们自己的tabhost:不用继承TabActivity        inflater_tab1.inflate(R.layout.tab1, mTabHost.getTabContentView());  
定义小弟我们自己的tabhost:不用继承TabActivity        inflater_tab1.inflate(R.layout.tab2, mTabHost.getTabContentView());
定义小弟我们自己的tabhost:不用继承TabActivity        mTabHost.addTab(mTabHost.newTabSpec(
"tab_test1").setIndicator("TAB a").setContent(R.id.LinearLayout01));   
定义小弟我们自己的tabhost:不用继承TabActivity        mTabHost.addTab(mTabHost.newTabSpec(
"tab_test2").setIndicator("TAB b").setContent(R.id.FrameLayout02));  


  运行结果同上。 如有问题欢迎提出。

    转载请说明出处。。。


加上源代码,有用了可以下载下:/Files/freeman1984/atab.rar