APP导航Fragment与RadioGroup

使用Fragment+RadioGroup生成app导航栏

---

现在越来越多的app，都已经采用了Fragment进行开发，今天我们就谈一下如何去实现底部导航，点击按钮切换各个模块，如下所示：

先贴出布局文件：

fragment_station.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="40dp">

        <RadioGroup
            android:id="@+id/rg_group"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#F5F5F5"
            android:gravity="center"
            android:orientation="horizontal">

            <RadioButton
                android:id="@+id/id_auto_car"
                style="@style/BottomTabStyle"
                android:background="@drawable/selector_radio_checked"
                android:checked="true"
                android:text="机动车"
                android:textColor="@color/btn_text_selector" />

            <RadioButton
                android:id="@+id/id_hc_car"
                style="@style/BottomTabStyle"
                android:background="@drawable/selector_radio_checked"
                android:text="货车"
                android:textColor="@color/btn_text_selector" />

            <RadioButton
                android:id="@+id/id_ck_car"
                style="@style/BottomTabStyle"
                android:layout_height="match_parent"
                android:background="@drawable/selector_radio_checked"
                android:text="客车"
                android:textColor="@color/btn_text_selector" />

            <RadioButton
                android:id="@+id/id_crowd"
                style="@style/BottomTabStyle"
                android:layout_height="match_parent"
                android:background="@drawable/selector_radio_checked"
                android:text="拥挤度"
                android:textColor="@color/btn_text_selector" />

            <RadioButton
                android:id="@+id/id_speed"
                style="@style/BottomTabStyle"
                android:background="@drawable/selector_radio_checked"
                android:text="车速"
                android:textColor="@color/btn_text_selector" />
        </RadioGroup>
    </LinearLayout>
    <View
        android:background="@color/gray"
        android:layout_width="match_parent"
        android:layout_height="0.5dp"/>

    <FrameLayout
        android:id="@+id/id_label_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

主要有两种方法实现：

1. 使用Fragment，通过replace进行切换，当然这个一般生成的Fragment都会销毁掉，无法保存状态

public class StationFragment extends BaseFragment{

    private View view;
    private RadioGroup rg_group;
    private AutoCarFragment mAutoCarFragment;
    private HcCarFragment mHcCarFragment;
    private KcCarFragment mKcCarFragment;
    private CrowdFragment mCrowdFragment;
    private SpeedFragment mSpeedFragment;



    @Override
    protected View initView() {
        view = View.inflate(getActivity(), R.layout.fragment_station, null);

        setDefaultFragment();
        initRadioGroup();
        return view;
    }

    //设置默认选中机动车
    private void setDefaultFragment() {
        FragmentManager fragmentManager = getFragmentManager();
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        mAutoCarFragment = new AutoCarFragment();
        transaction.replace(R.id.id_label_container, mAutoCarFragment);
        transaction.commit();
    }

    private void initRadioGroup() {
        rg_group = (RadioGroup) view.findViewById(R.id.rg_group);
        rg_group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {

                FragmentManager fragmentManager = getFragmentManager();
                FragmentTransaction transaction = fragmentManager.beginTransaction();

                switch (checkedId) {
                    case R.id.id_auto_car:
                        if (mAutoCarFragment == null) {
                            mAutoCarFragment = new AutoCarFragment();
                        }
                        transaction.replace(R.id.id_label_container, mAutoCarFragment);
                        break;

                    case R.id.id_hc_car:
                        if (mHcCarFragment == null) {
                            mHcCarFragment = new HcCarFragment();
                        }
                        transaction.replace(R.id.id_label_container, mHcCarFragment);
                        break;

                    case R.id.id_ck_car:
                        if (mKcCarFragment == null) {
                            mKcCarFragment = new KcCarFragment();
                        }
                        transaction.replace(R.id.id_label_container, mKcCarFragment);
                        break;
                    case R.id.id_crowd:
                        if (mCrowdFragment == null) {
                            mCrowdFragment = new CrowdFragment();
                        }
                        transaction.replace(R.id.id_label_container, mCrowdFragment);
                        break;
                    case R.id.id_speed:
                        if (mSpeedFragment == null) {
                            mSpeedFragment = new SpeedFragment();
                        }
                        transaction.replace(R.id.id_label_container, mSpeedFragment);
                        break;

                    default:
                        break;
                }

                transaction.addToBackStack(null);
                transaction.commit();
            }

        });


    }


}

1. 另外一种方法，我们可以通过使用hide(), show(),继续通过事务来进行管理,

public class MainActivity extends FragmentActivity {

    private Fragment[] mFragments;
    private RadioGroup rgGroup;
    private FragmentManager fragmentManager;
    private FragmentTransaction fragmentTransaction;
    private boolean mIsExit = false;

    public static final int STATIONFRAGMENT = 0;
    public static final int ROUTELINEERAGMENT = 1;
    public static final int DISTRICTFRAGMENT = 2;
    public static final int MAINLINEFRAGMENT = 3;
    public static final int MINEFRAGMENT = 4;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mFragments = new Fragment[5];
        fragmentManager = getSupportFragmentManager();
        mFragments[0] = new StationFragment();
        mFragments[1] = new RouteLineFragment();
        mFragments[2] = new DistrictFragment();
        mFragments[3] = new MainlineFragment();
        mFragments[4] = new MineFragment();
        fragmentTransaction = fragmentManager.beginTransaction();
        fragmentTransaction.add(R.id.container, mFragments[0]);
        fragmentTransaction.add(R.id.container, mFragments[1]);
        fragmentTransaction.add(R.id.container, mFragments[2]);
        fragmentTransaction.add(R.id.container, mFragments[3]);
        fragmentTransaction.add(R.id.container, mFragments[4]);
        fragmentTransaction.hide(mFragments[0]).hide(mFragments[1]).hide(mFragments[2]).hide(mFragments[3]).hide(mFragments[4]);

        fragmentTransaction.show(mFragments[STATIONFRAGMENT]).commit();
        setFragmentIndicator();

    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {

    }

    private void setFragmentIndicator() {

        rgGroup = (RadioGroup) findViewById(R.id.rg_group);
        rgGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                switch (checkedId) {
                    case R.id.id_station:
                        setShowFragment(STATIONFRAGMENT);
                        break;

                    case R.id.id_routeline:
                        setShowFragment(ROUTELINEERAGMENT);
                        break;

                    case R.id.id_district:
                        setShowFragment(DISTRICTFRAGMENT);
                        break;
                    case R.id.id_main_line:
                        setShowFragment(MAINLINEFRAGMENT);
                        break;
                    case R.id.id_mine:
                        setShowFragment(MINEFRAGMENT);
                        break;

                    default:
                        break;
                }
            }
        });
    }

    /**
     * 设置跳转fragment
     *
     * @param fragmentnum
     */
    public void setShowFragment(int fragmentnum) {
        fragmentTransaction = fragmentManager.beginTransaction()
                .hide(mFragments[0]).hide(mFragments[1])
                .hide(mFragments[2]).hide(mFragments[3]).hide(mFragments[4]);
        fragmentTransaction.show(mFragments[fragmentnum]).commit();
    }


}