ViewPager+Fragment实现页面切换

先扔个布局

<LinearLayout
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".view.activity.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        ></android.support.v4.view.ViewPager>
        <RadioGroup
            android:id="@+id/radi"
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <RadioButton
                android:id="@+id/radi1"
                android:background="@drawable/shap"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="match_parent"
                android:text="首页"
                android:textSize="25sp"
                android:button="@null"
                android:gravity="center"
                />
            <RadioButton
                android:id="@+id/radi2"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:layout_height="match_parent"
                android:text="购物车"
                android:background="@drawable/shap"
                android:textSize="25sp"
                android:button="@null"
                android:gravity="center"
                />
            <RadioButton
                android:id="@+id/radi3"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:background="@drawable/shap"
                android:layout_height="match_parent"
                android:text="我的"
                android:textSize="25sp"
                android:button="@null"
                android:gravity="center"
                />
        </RadioGroup>
</LinearLayout>

主页面

public class MainActivity extends BaseActivity {
    @BindView(R.id.pager)
    ViewPager pager;
    @BindView(R.id.radi)
    RadioGroup radioGroup;

    @Override
    protected int bindLayout() {
        return R.layout.activity_main;
    }

    @Override
    protected void initView() {
        ButterKnife.bind(this);
        radioGroup.check(radioGroup.getChildAt(0).getId());
    }

    @Override
    protected void initData() {
        final ArrayList<Fragment> arr=new ArrayList<>();
        arr.add(new HomeFragment());
        arr.add(new ShopFragment());
        arr.add(new MyFragment());
        pager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int i) {
                return arr.get(i);
            }

            @Override
            public int getCount() {
                return arr.size();
            }
        });
        pager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int i, float v, int i1) {

            }

            @Override
            public void onPageSelected(int i) {
                radioGroup.check(radioGroup.getChildAt(i).getId());
            }

            @Override
            public void onPageScrollStateChanged(int i) {

            }
        });
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int i) {
                switch (i){
                    case R.id.radi1:
                        pager.setCurrentItem(0);
                        break;
                    case R.id.radi2:
                        pager.setCurrentItem(1);
                        break;
                    case R.id.radi3:
                        pager.setCurrentItem(2);
                        break;
                }
            }
        });
    }