Android底部导航栏点击切换变色

 底部导航栏切换是由RadioGroup中的RadioButton点击事件切换的，其实之前的文章中已经介绍了，但是在这里详细说明一下。

1.1 底部导航栏的布局文件bottom_bar.xml如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/bottom_bar"
    android:paddingTop="0dp"
    android:paddingBottom="0dp"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="@color/bottom_bar_background"
    android:gravity="center_horizontal"
    android:orientation="horizontal"
    android:tint="@color/qmui_config_color_gray_4">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="1dp"
            android:background="@color/qmui_config_color_10_pure_black"
            />
        <RadioGroup
            android:id="@+id/main_radiogroup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal">

            <RadioButton
                android:id="@+id/main_rab_house"
                android:checked="true"
                android:text="主页"
                style="@style/main_rbt"
                android:drawableTop="@drawable/home_drawable"/>

            <RadioButton
                android:id="@+id/main_rab_connect"
                style="@style/main_rbt"
                android:text="连接"
                android:drawableTop="@drawable/dashboard_drawable"
                />
            <RadioButton
                android:id="@+id/main_rab_wifi"
                style="@style/main_rbt"
                android:text="配置"
                android:drawableTop="@drawable/notification_drawable"/>
        </RadioGroup>

    </LinearLayout>

</LinearLayout> 

每个RadioButton的 drawableTop 表示文字上面的图片，我们在drawable文件下分别建 home_drawable.xml，d ashboard_drawable.xml和 notification_drawable.xml 文件。其中home_drawable.xml文件如下：

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

 表示RadioButton不同状态图片的颜色变化。其他两个文件内容也是一样，这样就能实现点击RadioButton改变

颜色，不需要再代码中显示的改变颜色。