【Android UI】RadioGroup+Fragment实现底部菜单栏

首先来张效果图

1、MainActivity.java

public class MainActivity extends ActionBarActivity {

    private static final int RB_NEW = 0;
    private static final int RB_UPLOAD = 1;
    private static final int RB_FRESH = 2;
    private static final int RB_SORT = 3;
    private static final int RB_TRANSFER = 4;

    private RadioButton[] rbs = new RadioButton[5];

    private ViewPager viewPager;

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

        rbs[0] = (RadioButton) this.findViewById(R.id.rbNew);
        rbs[1] = (RadioButton) this.findViewById(R.id.rbUpload);
        rbs[2] = (RadioButton) this.findViewById(R.id.rbFresh);
        rbs[3] = (RadioButton) this.findViewById(R.id.rbSort);
        rbs[4] = (RadioButton) this.findViewById(R.id.rbTransfer);

        for(int i=0; i<rbs.length; i++) {
            rbs[i].setOnClickListener(new RBOnClickListener());
        }

        FragmentAdapter fragmentAdapter = new FragmentAdapter(getSupportFragmentManager());
        viewPager = (ViewPager) this.findViewById(R.id.viewPager);
        viewPager.setAdapter(fragmentAdapter);
        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int i, float v, int i2) {

            }

            @Override
            public void onPageSelected(int i) {
                rbs[i].setChecked(true);
            }

            @Override
            public void onPageScrollStateChanged(int i) {

            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    class RBOnClickListener implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            switch (v.getId()) {
                case R.id.rbNew:
                    viewPager.setCurrentItem(RB_NEW);
                    break;
                case R.id.rbUpload:
                    viewPager.setCurrentItem(RB_UPLOAD);
                    break;
                case R.id.rbFresh:
                    viewPager.setCurrentItem(RB_FRESH);
                    break;
                case R.id.rbSort:
                    viewPager.setCurrentItem(RB_SORT);
                    break;
                case R.id.rbTransfer:
                    viewPager.setCurrentItem(RB_TRANSFER);
                    break;
            }
        }
    }

    class FragmentAdapter extends FragmentPagerAdapter {

        FragmentAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int i) {
            switch (i) {
                case RB_NEW:
                    Fragment fragment1 = new NewFragment(i);
                    return fragment1;
                case RB_UPLOAD:
                    Fragment fragment2 = new NewFragment(i);
                    return fragment2;
                case RB_FRESH:
                    Fragment fragment3 = new NewFragment(i);
                    return fragment3;
                case RB_SORT:
                    Fragment fragment4 = new NewFragment(i);
                    return fragment4;
                case RB_TRANSFER:
                    Fragment fragment5 = new NewFragment(i);
                    return fragment5;
            }
            return null;
        }

        @Override
        public int getCount() {
            return 5;
        }
    }

}

2、NewFragment.java

public class NewFragment extends Fragment {

    private int index;

    public NewFragment(){
        super();
    }

    public NewFragment(int i) {
        super();
        this.index = i;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_new, container, false);
        TextView textView = (TextView) view.findViewById(R.id.content);
        textView.setText("Fragment(" + (index + 1) + ")");
        return view;
    }
}

3、activity_main.xml

<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"
    tools:context=".MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"/>

    <RadioGroup
        android:id="@+id/bottomMenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        android:background="#666666">

        <RadioButton
            android:id="@+id/rbNew"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:checked="true"
            android:drawableTop="@drawable/ic_library_add_white_24dp"
            style="@style/BottomMenu"
            android:text="新建"/>

        <RadioButton
            android:id="@+id/rbUpload"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/ic_cloud_upload_white_24dp"
            style="@style/BottomMenu"
            android:text="上传"/>

        <RadioButton
            android:id="@+id/rbFresh"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/ic_autorenew_white_24dp"
            style="@style/BottomMenu"
            android:text="刷新"/>

        <RadioButton
            android:id="@+id/rbSort"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/ic_insert_chart_white_24dp"
            style="@style/BottomMenu"
            android:text="排序"/>

        <RadioButton
            android:id="@+id/rbTransfer"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/ic_swap_vertical_circle_white_24dp"
            style="@style/BottomMenu"
            android:text="传输管理"/>

    </RadioGroup>

</RelativeLayout>

4、fragment_new.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal|center_vertical"
        android:text="新建"/>

</LinearLayout>

5、RadionButton的样式

<style name="BottomMenu" parent="Base.TextAppearance.AppCompat.Button">
    <item name="android:button">@null</item>
    <item name="android:textColor">#FFFFFF</item>
    <item name="android:gravity">center_horizontal</item>
    <item name="android:layout_weight">1</item>
    <item name="android:padding">5dp</item>
    <item name="android:textSize">12sp</item>
    <item name="android:background">@drawable/bottom_menu_bg</item>
</style>