眾所周知，android的底部選單欄太重要，平時專案一般都是需要用到的，但是網上關於這方面的demo做得太醜了，實在慘不忍睹，所以這裡便用RadioGroup+Fragment的方式寫了一個，順便美化了一下，需要的可以看下。

效果圖：

專案結構

MainActivity.java

public class MainActivity extends AppCompatActivity {
 
  private FrameLayout frameLayout;
  private RadioGroup radioGroup;
  private Fragment[] mFragments;
  private int mIndex;
 
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initFragment();
    setRadioGroupListener();
 
 
  }
 
  private void initFragment() {
    radioGroup = (RadioGroup) findViewById(R.id.radioGroup);
    frameLayout = (FrameLayout) findViewById(R.id.fl_content);
    HomeFragment homeFragment = new HomeFragment();
    ShopFragment shopFragment = new ShopFragment();
    LiveFragment liveFragment = new LiveFragment();
    ShoppingCarFragment shoppingCarFragment = new ShoppingCarFragment();
    MineFragment mineFragment = new MineFragment();
    //新增到陣列
    mFragments = new Fragment[]{homeFragment,shopFragment,liveFragment,shoppingCarFragment,mineFragment};
    //開啟事務
    FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
    //新增首頁
    ft.add(R.id.fl_content,homeFragment).commit();
    //預設設定為第0個
    setIndexSelected(0);
  }
 
  private void setIndexSelected(int index) {
    if (mIndex == index) {
      return;
    }
    FragmentManager fragmentManager = getSupportFragmentManager();
    FragmentTransaction ft = fragmentManager.beginTransaction();
    //隱藏
    ft.hide(mFragments[mIndex]);
    //判斷是否新增
    if (!mFragments[index].isAdded()) {
      ft.add(R.id.fl_content,mFragments[index]).show(mFragments[index]);
    } else {
      ft.show(mFragments[index]);
    }
    ft.commit();
    //再次賦值
    mIndex = index;
 
  }
 
  private void setRadioGroupListener() {
    radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
      @Override
      public void onCheckedChanged(RadioGroup radioGroup,int i) {
        switch (i) {
          case R.id.rb_home:
            setIndexSelected(0);
            break;
          case R.id.rb_shop:
            setIndexSelected(1);
            break;
          case R.id.rb_live:
            setIndexSelected(2);
            break;
          case R.id.rb_shopping_car:
            setIndexSelected(3);
            break;
          case R.id.rb_mine:
            setIndexSelected(4);
            break;
          default:
            setIndexSelected(0);
            break;
        }
      }
    });
  }
 
  @Override
  public boolean onKeyDown(int keyCode,KeyEvent event) {
    if (keyCode == KeyEvent.KEYCODE_BACK) {
      //僅當activity為task根（即首個啟動activity）時才生效,這個方法不會改變task中的activity狀態，
      // 按下返回鍵的作用跟按下HOME效果一樣；重新點選應用還是回到應用退出前的狀態；
      moveTaskToBack(false);
      return true;
    }
    return super.onKeyDown(keyCode,event);
  }
}

Fragment,這裡只列出HomeFragment的，其他都是一樣

public class HomeFragment extends BaseFragment {
 
  public HomeFragment() {
  }
 
 
  @Override
  public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
    View view=inflater.inflate(R.layout.fragment_home,container,false);
    return view;
  }
 
 
}

activity_main.xml佈局檔案

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">
 
  <FrameLayout
    android:id="@+id/fl_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/line" />
 
  <View
    android:id="@+id/line"
    android:layout_width="match_parent"
    android:layout_height="@dimen/line_size"
    android:layout_above="@+id/radioGroup"
    android:background="#9e9e9e" />
 
  <RadioGroup
    android:id="@+id/radioGroup"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:clickable="true"
    android:gravity="center"
    android:orientation="horizontal"
    android:padding="3dp">
 
    <RadioButton
      android:id="@+id/rb_home"
      style="@style/RadioButtonStyle"
      android:checked="true"
      android:drawableTop="@drawable/btn_home"
      android:text="@string/home" />
 
    <RadioButton
      android:id="@+id/rb_shop"
      style="@style/RadioButtonStyle"
      android:drawableTop="@drawable/btn_shop"
      android:text="@string/shop" />
 
    <RadioButton
      android:id="@+id/rb_live"
      style="@style/RadioButtonStyle"
      android:drawableTop="@drawable/btn_live"
      android:text="@string/live" />
 
    <RadioButton
      android:id="@+id/rb_shopping_car"
      style="@style/RadioButtonStyle"
      android:drawableTop="@drawable/btn_shopping_car"
      android:text="@string/shopping_car" />
 
    <RadioButton
      android:id="@+id/rb_mine"
      style="@style/RadioButtonStyle"
      android:drawableTop="@drawable/btn_mine"
      android:text="@string/mine" />
 
  </RadioGroup>
 
</RelativeLayout>

RadioButton的樣式

<style name="RadioButtonStyle">
    <item name="android:layout_width">0dp</item>
    <item name="android:layout_weight">1</item>
    <item name="android:layout_height">match_parent</item>
    <item name="android:layout_marginRight">10dp</item>
    <item name="android:layout_marginLeft">10dp</item>
    <item name="android:button">@null</item>
    <item name="android:gravity">center</item>
    <item name="android:textColor">@color/color_radiobutton</item>
    <item name="android:textSize">10sp</item>
</style>

Demo下載地址：底部選單欄

溫馨提示：以後我自己寫的demo都是用Android Studio寫的了，用Eclipse的同學要的話需要自己改一下，時代在進步，工具也在升級！

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。