Android实现微信底部的带消息提示数量

今天一朋友问我一个布局文件的实现，就是底部能带消息提示的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>





如需转载引用请注明出处：http://blog.csdn.net/jiahui524
欢迎大家多多交流。分享为快乐之本！让我们菜鸟一起成长！
 
源代码下载地址：http://download.csdn.net/detail/jiahui524/4218403