Android底部导航栏+消息提醒

Android底部导航栏+消息提醒

最近想在网上找一些Android底部导航栏切换并能提供消息提醒的案例，虽然有很多案例但都不是我想要的。我就开始自己瞎研究了，废话不多说了，直接上代码。

1.先创建一个layout XML文件
这个文件包含三个部分：ViewPage、RadioGroup、BadgeView的Layout。
1.1 ViewPage

<android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="56dp"
        android:overScrollMode="never"/>

ViewPage是基于android-support-v4.jar的，这个类我们应该已经很熟悉了，不清楚的话可以问度娘哈！

1.2 RadioGroup
这是一个单选按钮集合，假设我们有四个tab需要切换，我们就需要设置四个RadioButton来实现。

<RadioGroup
        android:id="@+id/main_radio_group"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:layout_alignParentBottom="true"
        android:gravity="center_vertical"
        android:paddingTop="10dp"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/radio_btn_home"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:background="@android:color/transparent"
            android:checked="true"
            android:button="@null"
            android:drawablePadding="3dp"
            android:drawableTop="@drawable/bottombar_tab_home_selector"
            android:gravity="center_horizontal"
            android:text="首页"
            android:textColor="@drawable/bottombar_btn_text_selector"
            android:textSize="@dimen/dimen_10_sp"
            android:layout_weight="1" />

        <RadioButton
            android:id="@+id/radio_btn_find"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@android:color/transparent"
            android:checked="false"
            android:button="@null"
            android:drawablePadding="3dp"
            android:drawableTop="@drawable/bottombar_tab_find_selector"
            android:gravity="center_horizontal"
            android:text="发现"
            android:textColor="@drawable/bottombar_btn_text_selector"
            android:textSize="@dimen/dimen_10_sp"/>

        <RadioButton
            android:id="@+id/radio_btn_order"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@android:color/transparent"
            android:checked="false"
            android:button="@null"
            android:drawablePadding="3dp"
            android:drawableTop="@drawable/bottombar_tab_order_selector"
            android:gravity="center_horizontal"
            android:text="订单"
            android:textColor="@drawable/bottombar_btn_text_selector"
            android:textSize="@dimen/dimen_10_sp"/>

        <RadioButton
            android:id="@+id/radio_btn_my"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@android:color/transparent"
            android:checked="false"
            android:button="@null"
            android:drawablePadding="3dp"
            android:drawableTop="@drawable/bottombar_tab_my_selector"
            android:gravity="center_horizontal"
            android:text="我的"
            android:textColor="@drawable/bottombar_btn_text_selector"
            android:textSize="@dimen/dimen_10_sp"/>

    </RadioGroup>

按钮样式我设置成了透明，就是@null，你可以自己设置。
这里我要重要讲两个地方：
android:drawableTop：按钮未选中/选中情况下选择不同的Icon图形来显示，例如：

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