Android底部導航欄—RadioButton+Fragment

拓展：
在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;
      }
  }

案例2底部欄

實現思路

從圖我們基本猜到基本思路如下：
底部選項卡可以使用3個RadioButton組成，並綁定相關的監聽器以監聽tab切換。
選項卡的上面的部分為一個容器(FrameLayout)以存取3個fragment，可以在tab綁定的監聽器中去控制fragment的顯示。

布局文件

R.layout.activity_main

    

        

        

        
    

    <framelayout android:id="@+id/fl_contain" android:layout_above="@id/ll_rbtn_contain" android:layout_alignparenttop="true" android:layout_height="match_parent" android:layout_width="match_parent">
    </framelayout>

根視圖為相對布局以控制RadioGroup在底部，FrameLayout在RadioGroup的上面

設置選項卡Style

每個RadioButton都設置了統一的tab_style

設置選項卡icon的背景

每個radioButton都設置了Android:drawableTop屬性，只要創建三個drawable文件即可 eg :tab_first_background.xml

設置選項卡title的背景

除了選顯卡對應的icon要改變外，其對應的title的字體顏色也要隨之改變。注意要在res下創建color文件夾並將顏色狀態配置文件放在此文件夾下。eg：radio_colors.xml

Main.java

package com.example.tabapp;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.FrameLayout;
import android.widget.RadioButton;


public class MainActivity extends FragmentActivity implements OnCheckedChangeListener{
    //三個選項卡
    private RadioButton mRBtnFrist;
    private RadioButton mRBtnSecond;
    private RadioButton mRBtnThrid;

    //存放fragment對應的容器
    private FrameLayout mFragmentContain;

    private TabFragment mFirstFragment;
    private TabFragment mSecondFragment;
    private TabFragment mThirdFragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        mFragmentContain = (FrameLayout)findViewById(R.id.fl_contain);
        mRBtnFrist = (RadioButton)findViewById(R.id.rb_first);
        mRBtnSecond = (RadioButton)findViewById(R.id.rb_second);
        mRBtnThrid = (RadioButton)findViewById(R.id.rb_thrid);

        mRBtnThrid.setOnCheckedChangeListener(this);
        mRBtnThrid.performClick();//此處設置默認第三個選項卡對應的fragment顯示
        mRBtnFrist.setOnCheckedChangeListener(this);
        mRBtnSecond.setOnCheckedChangeListener(this);
    }

    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if (isChecked) {
            //用戶當前浏覽的選項卡
            int checkedWidgetId = buttonView.getId();
            mRBtnFrist.setChecked(checkedWidgetId == R.id.rb_first);
            mRBtnSecond.setChecked(checkedWidgetId == R.id.rb_second);
            mRBtnThrid.setChecked(checkedWidgetId == R.id.rb_thrid);
            showFragment(checkedWidgetId);
        }else {
            //此處記錄了用戶上次浏覽的選項卡
            String unCheckFragmentTag = getTagById(buttonView.getId());
            TabFragment unCheckFragment = (TabFragment)getSupportFragmentManager().findFragmentByTag(unCheckFragmentTag);
            if(unCheckFragment != null){
                //隱藏上次顯示到fragment,確保fragment不會重疊
                getSupportFragmentManager()
                    .beginTransaction()
                    .hide(unCheckFragment)
                    .commit();
            }
        }
    }

    /**
     * 顯示對應的fragment
     * @param checkedRadioBtnId
     */
    private void showFragment(int checkedRadioBtnId){
        String tag = getTagById(checkedRadioBtnId);
        TabFragment mainFragment = (TabFragment) getSupportFragmentManager().findFragmentByTag(tag);
        if(mainFragment == null){
            //如果沒有找到對應的fragment則生成一個新的fragment，並添加到容器中
            TabFragment newFragment = new TabFragment(tag);
            getSupportFragmentManager()
                .beginTransaction()
                .add(R.id.fl_contain, newFragment, tag)
                .commit();
        }else {
            //如果找到了fragment則顯示它
            getSupportFragmentManager()
                .beginTransaction()
                .show(mainFragment)
                .commit();
        }
    }

    /**
     * 為三個fragment分別取三個不同到tag名
     * @param widgetId
     * @return
     */
    private String getTagById(int widgetId){
        if(widgetId == R.id.rb_first){
            return "first";
        }else if(widgetId == R.id.rb_second){
            return "second";
        }else {
            return "thrid";
        }
    }
}