TabHost的用法(转）

本文结合源代码和实例来讲明TabHost的用法。

      使用TabHost 能够在一个屏幕间进行不一样版面的切换，例如android自带的拨号应用，截图：
 

      查看tabhost的源代码，主要实例变量有：
   

private TabWidget mTabWidget;
     private FrameLayout mTabContent;
     private List<TabSpec> mTabSpecs 

   也就是说咱们的tabhost必须有这三个东西，因此咱们的.xml文件就会有规定：继续查看源代码：
   

if (mTabWidget ==  null) {
             throw  new RuntimeException(
                    "Your TabHost must have a TabWidget whose id attribute is 'android.R.id.tabs'");
        }



 mTabContent = (FrameLayout) findViewById(com.android.internal.R.id.tabcontent);
         if (mTabContent ==  null) {
             throw  new RuntimeException(
                    "Your TabHost must have a FrameLayout whose id attribute is 'android.R.id.tabcontent'");
        }

     也就是说咱们的.xml文件须要TabWidget和FrameLayout标签。

接下来构建咱们本身的tab实例：

      有两种方式能够实现：
      一种是继承TabActivity 类,可使用android的本身内部定义好的.xml资源文件做容器文件。也就是在咱们的代码中使用getTabHost(); ， 而相应的后台源码是这样的：

this.setContentView(com.android.internal.R.layout.tab_content);

       在系统的资源文件中能够看见这个layout

      有了容器，而后咱们就须要咱们为每一个tab分配内容，固然要能够是如何类型的标签：
      例如咱们构建一下.xml文件
  首先tab1.xml 是一个LinearLayout布局

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/LinearLayout01" android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <TextView android:text="tab1 with linear layout"
        android:id="@+id/TextView01" android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    </TextView>
</LinearLayout>

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

<?xml version="1.0" encoding="utf-8"?>
    <FrameLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    
    android:id="@+id/FrameLayout02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <LinearLayout android:id="@+id/LinearLayout02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <TextView android:text="tab2"
                android:id="@+id/TextView01" android:layout_width="wrap_content"
                android:layout_height="wrap_content">
            </TextView>
        </LinearLayout>
        
    </FrameLayout>

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

LayoutInflater inflater_tab1 = LayoutInflater.from( this);   
        inflater_tab1.inflate(R.layout.tab1, mTabHost.getTabContentView());  
        inflater_tab1.inflate(R.layout.tab2, mTabHost.getTabContentView()); 

  
而后须要构建前面说的tabhost的第三个实例变量对应得内容，源代码中是这样的：

private List<TabSpec> mTabSpecs =  new ArrayList<TabSpec>(2);

 初始化是两个tab的空间而后会自动扩展：
好 咱们构建咱们的tabspec：
 

mTabHost.addTab(mTabHost.newTabSpec("tab_test1").setIndicator("TAB 11").setContent(R.id.LinearLayout01));  
        mTabHost.addTab(mTabHost.newTabSpec("tab_test1").setIndicator("TAB 11").setContent(R.id.FrameLayout02));    

也就是把咱们的2个layout做为他的content，固然FrameLayout中能够有其余的布局，来放个人组件。
咱们不须要在代码里面设置setContentView();由于getTabHost(); 这个方法调用后就已经设置了，源代码：
  

if (mTabHost ==  null) {
             this.setContentView(com.android.internal.R.layout.tab_content);
        }

也就是把系统的tab_content当作view设置。
运行后以下：
 
完整代码：

 TabHost mTabHost = getTabHost();
        LayoutInflater inflater_tab1 = LayoutInflater.from( this);   
        inflater_tab1.inflate(R.layout.tab1, mTabHost.getTabContentView());  
        inflater_tab1.inflate(R.layout.tab2, mTabHost.getTabContentView());   
        mTabHost.addTab(mTabHost.newTabSpec("tab_test1").setIndicator("TAB 11").setContent(R.id.LinearLayout01));  
        mTabHost.addTab(mTabHost.newTabSpec("tab_test1").setIndicator("TAB 11").setContent(R.id.FrameLayout02)); 

 还有一种就是定义咱们本身的tabhost：不用继承TabActivity

 首先创建咱们本身的.xml文件，固然要包含Tabhost,TabWidget,FrameLayout,着3个标签：

<?xml version="1.0" encoding="utf-8"?>  
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/tabhost"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent">  
    <LinearLayout  
        android:orientation="vertical"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent">  
        <TabWidget  
            android:id="@android:id/tabs"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content" />  
        <FrameLayout  
            android:id="@android:id/tabcontent"  
            android:layout_width="fill_parent"  
            android:layout_height="fill_parent">  
             
        </FrameLayout>  
    </LinearLayout>  
</TabHost>  

     注意的是：除了tabhost的id能够自定义外，其余的必须使用系统的id，为何后面说，
       固然咱们能够在FrameLayout里面添加view来做为tab的内容只须要在create tabspce时候添加就能够了，咱们为了把每一个tab的内容分开咱们依然使用前面用到的两个tab xml文件
 java代码：
      获取TabHost 经过findviewbyid，

setContentView(R.layout.main);   
        TabHost mTabHost = (TabHost)findViewById(R.id.tabhost);

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

<p>Call setup() before adding tabs  if loading TabHost using findViewById(). <i><b>However</i></b>: You  do
      * not need to call setup() after getTabHost() in {@link android.app.TabActivity TabActivity}.

  也就是说经过findviewbyid，方法得到tabhost必须setup 而经过getTabHost则不用。
  setup干什么呢：源代码
 

mTabWidget = (TabWidget) findViewById(com.android.internal.R.id.tabs);
         if (mTabWidget ==  null) {
             throw  new RuntimeException(
                    "Your TabHost must have a TabWidget whose id attribute is 'android.R.id.tabs'");
        }

mTabContent = (FrameLayout) findViewById(com.android.internal.R.id.tabcontent);
         if (mTabContent ==  null) {
             throw  new RuntimeException(
                    "Your TabHost must have a FrameLayout whose id attribute is 'android.R.id.tabcontent'");
        }

   他主要是初始化了tabhost的两个实例变量，这里也回答了为何咱们的id必须使用系统定义的id的缘由
  接下来工做就和前面相同了：

LayoutInflater inflater_tab1 = LayoutInflater.from( this);   
        inflater_tab1.inflate(R.layout.tab1, mTabHost.getTabContentView());  
        inflater_tab1.inflate(R.layout.tab2, mTabHost.getTabContentView());
        mTabHost.addTab(mTabHost.newTabSpec("tab_test1").setIndicator("TAB a").setContent(R.id.LinearLayout01));   
        mTabHost.addTab(mTabHost.newTabSpec("tab_test2").setIndicator("TAB b").setContent(R.id.FrameLayout02)); 

 完整代码：

setContentView(R.layout.main);   
        TabHost mTabHost = (TabHost)findViewById(R.id.tabhost); 
        mTabHost.setup();
        LayoutInflater inflater_tab1 = LayoutInflater.from( this);            inflater_tab1.inflate(R.layout.tab1, mTabHost.getTabContentView());           inflater_tab1.inflate(R.layout.tab2, mTabHost.getTabContentView());         mTabHost.addTab(mTabHost.newTabSpec("tab_test1").setIndicator("TAB a").setContent(R.id.LinearLayout01));            mTabHost.addTab(mTabHost.newTabSpec("tab_test2").setIndicator("TAB b").setContent(R.id.FrameLayout02));