RadioButton+Fragment实现底部导航栏

前言

在写这个Demo的时候，是为了复习下Fragment的基础用法。不过就单纯地写Fragment又好像有点单一，于是我就想通过Fragment+RadioButton实现一个简单的底部导航栏。因为这样的布局在很多项目中都已经常用的。而且平时自己在学习其他技术点的时候，敲代码写Demo，也是用这样的基础布局来练习，一是由于Fragment的
轻量级，响应速度比较快，二是可以通过比较不同的Fragment，来体现你要学习的技术点的效果，这一点还是比较方便的。

Fragment的使用

Fragment的使用？现在以我的水平肯定是写得不如其他人好，而且随便百度，google一下资源，也是一大把的。对于还不太熟悉Fragment的使用，可以看看鸿洋大神写的这篇博客 Android Fragment 你应该知道的一切

coding time

• 把主布局搞好

<?xml version="1.0" encoding="utf-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context="com.pyz.navigationbar.MainActivity">    <FrameLayout        android:id="@+id/main_fragment"        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1">    </FrameLayout>    <RadioGroup        android:id="@+id/navigation_btn"        android:layout_width="match_parent"        android:layout_height="?actionBarSize"        android:orientation="horizontal">        <RadioButton            android:id="@+id/btn1"            android:text="Fragmnet1"            android:gravity="center"            android:button="@null"            android:checked="true"            android:background="@drawable/navigation_bar_selector"            android:layout_width="0dp"            android:layout_height="match_parent"            android:layout_weight="1"/>        <RadioButton            android:id="@+id/btn2"            android:text="Fragmnet2"            android:gravity="center"            android:button="@null"            android:background="@drawable/navigation_bar_selector"            android:layout_width="0dp"            android:layout_height="match_parent"            android:layout_weight="1"/>        <RadioButton            android:id="@+id/btn3"            android:text="Fragmnet3"            android:gravity="center"            android:button="@null"            android:layout_width="0dp"            android:background="@drawable/navigation_bar_selector"            android:layout_height="match_parent"            android:layout_weight="1"/>        <RadioButton            android:id="@+id/btn4"            android:text="Fragmnet4"            android:gravity="center"            android:button="@null"            android:layout_width="0dp"            android:background="@drawable/navigation_bar_selector"            android:layout_height="match_parent"            android:layout_weight="1"/>    </RadioGroup></LinearLayout>

• 在drawable文件下创建RadioButton的样式文件(这里我直接用颜色区分，可以根据情况选择用一些图片上去的)

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@color/colorAccent" android:state_checked="true"/>    <item android:drawable="@color/colorAccent" android:state_pressed="true"/>    <item android:drawable="@color/colorAccent" android:state_selected="true"/>    <item android:drawable="@color/colorWhite"/></selector>

• 创建4个Fragment（这个根据自己情况创建吧），然后创建相应的布局。（嗯，介个很简单d）
• 在MainActivity中实例化各个Fragment和RadioButton和RadioParent的控件，设置好监听器。在这里我定义了一个switchFragment（）的方法，判断切换的Fragment是否已经添加过，避免每一次切换Fragment的时候都调用add（）或者replace()，而是通过hide（）和show（），减少频繁地创建新的实例。

  private void switchFragment(Fragment fragment) {        //判断当前显示的Fragment是不是切换的Fragment        if(mFragment != fragment) {            //判断切换的Fragment是否已经添加过            if (!fragment.isAdded()) {                //如果没有，则先把当前的Fragment隐藏，把切换的Fragment添加上                getSupportFragmentManager().beginTransaction().hide(mFragment)                        .add(R.id.main_fragment,fragment).commit();            } else {                //如果已经添加过，则先把当前的Fragment隐藏，把切换的Fragment显示出来                getSupportFragmentManager().beginTransaction().hide(mFragment).show(fragment).commit();            }            mFragment = fragment;        }    }

• 最后的效果图是这样滴

总结

这个小案例非常的简单，代码上也没有什么难点。用来实现底部导航栏还是一个不错的选择，这样的布局也是非常方便于平时练习敲demo，我之前写了一个基于MPCharts（一个开源的图表项目）的练习Demo也是用这样的布局。

最后给出这个案例的github地址吧。NavigationBar

小弟不才，还望大家多多指教