底部能带消息提示的TabHost的实

底部能带消息提示的TabHost的实现。其实这个效果之前早就想过，当初的想法就是肯定猜到了用FrameLayout来实现，那么今天就和大家分享这样的一个成果吧。而且像这种应用非常的广泛。好吧有图有真相，进入正题吧。

实现效果：

采用FrameLayout，控制右上角的TextView属性，若数量为0，则设置android:visibility="invisible"

<FrameLayout android:background="@null" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">
<LinearLayout android:gravity="bottom|center" android:layout_width="fill_parent" android:layout_height="fill_parent">
<RadioButton android:id="@+id/main_tab_find_friend" android:text="找朋友" android:drawableTop="@drawable/tab_find_frd" style="@style/MMTabButton" />
</LinearLayout>
<LinearLayout android:gravity="top|right|center" android:paddingRight="10.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">
<TextView android:textSize="10.0dip" android:textColor="@android:color/white" android:gravity="center" android:id="@+id/main_tab_new_tv" android:background="@drawable/tab_unread_bg" android:visibility="visible" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="2" />
</LinearLayout>
</FrameLayout>

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <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="0.0dip" android:layout_weight="1.0" />
        <TabWidget android:id="@android:id/tabs" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="0.0" />
        <LinearLayout android:gravity="bottom" android:layout_gravity="bottom" android:orientation="horizontal" android:id="@+id/main_tab_group" android:background="@drawable/mmfooter_bg" android:paddingTop="2.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content">
            <FrameLayout android:background="@null" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">
                <LinearLayout android:gravity="bottom|center" android:layout_width="fill_parent" android:layout_height="fill_parent">
                    <RadioButton android:id="@+id/tab_home" android:checked="true" android:text="微信" android:drawableTop="@drawable/tab_weixin" style="@style/MMTabButton" />
                </LinearLayout>
                <LinearLayout android:gravity="top|right|center" android:paddingRight="10.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">
                    <TextView android:textSize="10.0dip" android:textColor="@android:color/white" android:gravity="center" android:id="@+id/main_tab_unread_tv" android:background="@drawable/tab_unread_bg" android:visibility="visible" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="20" />
                </LinearLayout>
            </FrameLayout>
            <RadioButton android:id="@+id/tab_second" android:text="通讯录" android:drawableTop="@drawable/tab_address" style="@style/MMTabButton" />
            <FrameLayout android:background="@null" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">
                <LinearLayout android:gravity="bottom|center" android:layout_width="fill_parent" android:layout_height="fill_parent">
                    <RadioButton android:id="@+id/main_tab_find_friend" android:text="找朋友" android:drawableTop="@drawable/tab_find_frd" style="@style/MMTabButton" />
                </LinearLayout>
                <LinearLayout android:gravity="top|right|center" android:paddingRight="10.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">
                    <TextView android:textSize="10.0dip" android:textColor="@android:color/white" android:gravity="center" android:id="@+id/main_tab_new_tv" android:background="@drawable/tab_unread_bg" android:visibility="visible" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="2" />
                </LinearLayout>
            </FrameLayout>
            <FrameLayout android:background="@null" android:layout_width="0.0dip" android:layout_height="fill_parent" android:layout_weight="1.0">
                <LinearLayout android:gravity="bottom|center" android:layout_width="fill_parent" android:layout_height="fill_parent">
                    <RadioButton android:id="@+id/main_tab_settings" android:text="设置" android:drawableTop="@drawable/tab_settings" style="@style/MMTabButton" />
                </LinearLayout>
                <LinearLayout android:gravity="top|right|center" android:paddingRight="10.0dip" android:layout_width="fill_parent" android:layout_height="fill_parent">
                    <TextView android:textSize="10.0dip" android:textColor="@android:color/white" android:gravity="center" android:id="@+id/main_tab_setting_new_tv" android:background="@drawable/tab_unread_bg" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:visibility="invisible" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="2" />
                </LinearLayout>
            </FrameLayout>
        </LinearLayout>
    </LinearLayout>
</TabHost>