自定义TabActivity，TabActivity的美化

使用tabhost实现脚下的菜单栏：

1.TabActivity的布局

<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:gravity="center"
         android:id="@android:id/tabcontent"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1.0" >
         
         <LinearLayout android:id="@+id/first"
                android:orientation="vertical"
                android:background="#ffffff"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
               >
                <TextView android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:text="first tab" />
            </LinearLayout>
            <LinearLayout android:id="@+id/second"
                android:orientation="vertical"
                android:background="#ffffff"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                >
                <TextView android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:text="second tab" />
            </LinearLayout>
         
        </FrameLayout>
       
        <TabWidget
         android:id="@android:id/tabs"
         android:background="@drawable/tab_bottom_bg"
         android:padding="3.0dip"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="0.0" />
       
    </LinearLayout>   
</TabHost>  

分析一下这个文件：

1、首先是<tabhost/> ，定义一个tabhost，他需要两部分组成:

　　(1)<FrameLayout  android:id="@android:id/tabcontent"/>

　　(2)<TabWidget android:id="@android:id/tabs" >

要注意这个标签单位id，不能修改。能把tab放到footer的地方是因为android:layout_weight="1.0"把他挤下来。

2、（1）<LinearLayout android:id="@+id/first"...

　　(2) <LinearLayout android:id="@+id/second" ...

这两标签内是摆放tab选项的内容的。也可单独做一个xml文件然后查找ID，或者使用activity intent的方式写对应类的xml。

2、MainActivity的实现代码

缺省的实现代码：

private void setIndicator(int icon, int title, int view) { 
        String str = getResources().getString(title); 
         
        TabHost.TabSpec localTabSpec=tabhost.newTabSpec(str).setIndicator(str,getResources().getDrawable(icon)).setContent(view); 
        tabhost.addTab(localTabSpec); 
    } 

修改成美化的代码：

private void setIndicator(int icon, int title, int view) {
 
 View localView = LayoutInflater.from(this.tabhost.getContext()).inflate(R.layout.main_activity_tab, null);
 ((ImageView)localView.findViewById(R.id.main_activity_tab_image)).setBackgroundResource(icon);
 ((TextView)localView.findViewById(R.id.main_activity_tab_text)).setText(title);
 
 String str = getResources().getString(title);
 
 TabHost.TabSpec localTabSpec = tabhost.newTabSpec(str).setIndicator(localView).setContent(view);
 tabhost.addTab(localTabSpec);
 
} 

注意到第二句代码的R.layout.main_activity_tab了吧，下面是ayout.main_activity_tab.xml的代码：

<?xml version="1.0" encoding="UTF-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
    android:gravity="center"   
    android:orientation="vertical"   
    android:id="@+id/tabsLayout"   
    android:background="@drawable/tab_item_bkg"   <!-- 它是在res/drawable/tab_item_bkg.xml 实现tab Item的样式 -->
    android:padding="3.0dip"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:layout_marginTop="3.0dip"   
    android:layout_marginBottom="3.0dip"  
  >  
      
    <FrameLayout   
        android:layout_width="fill_parent"   
        android:layout_height="fill_parent"   
        android:layout_weight="0.6">  
          
        <ImageView   
            android:layout_gravity="center"   
            android:id="@+id/main_activity_tab_image"   <!-- 定义图标ico -->
            android:layout_width="wrap_content"   
            android:layout_height="wrap_content"   
            android:layout_marginTop="2.0dip"   
            android:scaleType="center" />  
          
    </FrameLayout>  
      
    <TextView   
        android:textSize="12.0dip"   
        android:textColor="@drawable/tab_text_selector"   <!-- 在drawable/tab_text_selector.xml 定义文字的样式 -->
        android:id="@+id/main_activity_tab_text"   
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"   
        android:text="Title" />  
</LinearLayout>

本文参考：http://www.oschina.net/question/54100_32909