自定义TabHost中TabWidge的布局

TabWidget是一个Linearlayout ，里面放每一个Tab的标签视图，而每一个视图系统默认使用一个线性布局，一个ImageView 一个TextView，我们也可以使用自己定义的布局作为Tab的标签，例如只想显示一个TextView，同时指定当tab被选中时textview的背景颜色，如下效果：

自定义的布局xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearlayout"
    android:padding="6dip"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#ff999999"
    android:orientation="vertical">
    <TextView
        android:layout_gravity="center"
        android:background="@drawable/indicator_bg"
        android:textColor="@color/indicator_color"
        android:paddingRight="10dip"
        android:paddingLeft="10dip"
        android:paddingTop="3dip"
        android:paddingBottom="3dip"
        android:text="hello"
        android:id="@+id/indicator_text"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

布局文件中使用到了color 和 drawable的xml资源文件：

textivew在选中时的文字颜色变化：

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true"
    android:color="#ff0000ff"
    />
    <item 
    android:state_selected="false"
    android:color="#ff000000"
    />
</selector>

textview在选中和不选中两种状态下的不同背景颜色使用的drawable资源文件：

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
    android:state_selected="true"
    android:drawable="@drawable/shape_red"
    ></item>
    <item 
    android:state_selected="false"
    android:drawable="@drawable/shape_grey"
    ></item>
</selector>