Android底部菜单栏（RadioGroup+Fragment）美化

众所周知，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的同学要的话需要自己改一下，时代在进步，工具也在升级！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自学编程网。