今天一朋友問我一個佈局檔案的實現，就是底部能帶訊息提示的TabHost的實現。其實這個效果之前早就想過，當初的想法就是肯定猜到了用FrameLayout來實現，那麼今天就和大家分享這樣的一個成果吧。而且像這種應用非常的廣泛。好吧有圖有真相，進入正題吧。

實現效果：

實現思想：

別奇怪也別驚訝，其實這還是一個TabActivity只不過是佈局不一樣而已，看到這個介面你會第一印象想到什麼代表著你對佈局是否熟練，很簡單，肯定是一個FrameLayout的層疊將那個訊息的數字展現了出來。好吧，聰明如你，廢話也不多說，其實上佈局檔案，你一看就明白了，呵呵。最後再附上原始碼吧：

<?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:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <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:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.0"
            android:visibility="gone" />

        <LinearLayout
            android:id="@+id/main_tab_group"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:background="@drawable/mmfooter_bg"
            android:gravity="bottom"
            android:orientation="horizontal"
            android:paddingTop="2.0dip" >

            <FrameLayout
                android:layout_width="0.0dip"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@null" >

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="bottom|center" >

                    <RadioButton
                        android:id="@+id/tab_home"
                        style="@style/MMTabButton"
                        android:checked="true"
                        android:drawableTop="@drawable/tab_weixin"
                        android:text="微信" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="top|right|center"
                    android:paddingRight="10.0dip" >

                    <TextView
                        android:id="@+id/main_tab_unread_tv"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@drawable/tab_unread_bg"
                        android:gravity="center"
                        android:text="2"
                        android:textColor="@android:color/white"
                        android:textSize="10.0dip"
                        android:visibility="visible" />
                </LinearLayout>
            </FrameLayout>

            <RadioButton
                android:id="@+id/tab_second"
                style="@style/MMTabButton"
                android:drawableTop="@drawable/tab_address"
                android:text="通訊錄" />

            <FrameLayout
                android:layout_width="0.0dip"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@null" >

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="bottom|center" >

                    <RadioButton
                        android:id="@+id/main_tab_find_friend"
                        style="@style/MMTabButton"
                        android:drawableTop="@drawable/tab_find_frd"
                        android:text="找朋友" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="top|right|center"
                    android:paddingRight="10.0dip" >

                    <TextView
                        android:id="@+id/main_tab_new_tv"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@drawable/tab_unread_bg"
                        android:gravity="center"
                        android:text="2"
                        android:textColor="@android:color/white"
                        android:textSize="10.0dip"
                        android:visibility="invisible" />
                </LinearLayout>
            </FrameLayout>

            <FrameLayout
                android:layout_width="0.0dip"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@null" >

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="bottom|center" >

                    <RadioButton
                        android:id="@+id/main_tab_settings"
                        style="@style/MMTabButton"
                        android:drawableTop="@drawable/tab_settings"
                        android:text="設定" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="top|right|center"
                    android:paddingRight="10.0dip" >

                    <TextView
                        android:id="@+id/main_tab_setting_new_tv"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="@drawable/tab_unread_bg"
                        android:gravity="center"
                        android:paddingLeft="6.0dip"
                        android:paddingRight="6.0dip"
                        android:text="2"
                        android:textColor="@android:color/white"
                        android:textSize="10.0dip"
                        android:visibility="invisible" />
                </LinearLayout>
            </FrameLayout>
        </LinearLayout>
    </LinearLayout>

</TabHost>

歡迎大家多多交流。分享為快樂之本！讓我們菜鳥一起成長！