Android开发教程：底部Tab的两种实现方式

Android开发教程：底部Tab的两种实现方式

第一种：

下面的tabs.xml布局文件中，整个布局是垂直显示的，分为FrameLayout和TabWidget上下两部分，在FrameLayout 布局里面使用layout_weight=“1” ，而TabWidget没有设置这个属性，那就默认为0。那么在这布局中，FrameLayout 就按比例分得整个屏幕的3/4，而没有设置layout_weight属性的TabWidget只是占用刚好能显示自己空间大小的位置。这样的话，就能达到就Tab置于底部了。

layout_weight具体可以看看http://liangruijun.blog.51cto.com/3061169/632532里面的FrameLayout 布局

tabs.xml

<?xml version="1.0" encoding="utf-8"?> 
<TabHost xmlns:Android="http://schemas.android.com/apk/res/android"     
   android:id="@android: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" 
      >     
      <FrameLayout   
          android:id="@android:id/tabcontent"     
          android:layout_width="fill_parent"      
          android:layout_height="match_parent"     
          android:layout_weight="1"   
          >    
          <TextView   
              android:id="@+id/view1" 
              android:layout_width="wrap_content" 
              android:layout_height="wrap_content" 
              android:text="nihao" 
              /> 
          <TextView   
              android:id="@+id/view2" 
              android:layout_width="wrap_content" 
              android:layout_height="wrap_content" 
              android:text="nihenhao" 
              /> 
      </FrameLayout>     
      <TabWidget   
          android:id="@android:id/tabs"     
          android:layout_width="fill_parent"      
          android:layout_height="wrap_content"   
          />     
    </LinearLayout>     
</TabHost>  

main.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
<TextView    
    android:layout_width="fill_parent"   
    android:layout_height="wrap_content"   
    android:text="@string/hello" 
    /> 
</LinearLayout> 

TestHostActivity.java

package com.lingdududu.test;  
 
import android.app.TabActivity;  
import android.os.Bundle;  
import android.widget.TabHost;  
 
public class TestHostActivity extends TabActivity {  
    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.tabs);  
        TabHost tabhost =  getTabHost();    
        tabhost.addTab(tabhost.newTabSpec("111").setIndicator("view1").setContent(R.id.view1));    
        tabhost.addTab(tabhost.newTabSpec("222").setIndicator("view2").setContent(R.id.view2));    
    }  
} 

效果：