Fragment+ViewPager+RadioGroup实现的页面简单切换

本次博客其实就是一个简单的小玩意，因为有时候项目也会用到，所以在这里写个小总结记一下，怕万一忘记了(有的东西虽然也是比较简单，但是好久没用忘的也是很快的)

本次通过Fragment+ViewPager+RadioGroup实现的页面简单切换

首先是我们的主界面布局activity

<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" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <RadioGroup
        android:id="@+id/rg_main"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New RadioButton"
            android:layout_weight="1"
            android:id="@+id/rb_1"
            android:layout_alignParentTop="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="New RadioButton"
            android:layout_weight="1"
            android:id="@+id/rb_2"
            android:layout_alignParentTop="true"
            android:layout_toRightOf="@+id/radioButton"
            android:layout_toEndOf="@+id/radioButton" />
    </RadioGroup>
    <android.support.v4.view.ViewPager
        android:id="@+id/vp_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/rg_main">
    </android.support.v4.view.ViewPager>

</RelativeLayout>

Ps：

ViewPager是v4包中的控件，所以在布局中放这个控件的时候要将包一起导入
因为ViewPager是不能做逻辑操作处理的，所以这里我们要将Fragment挂载到ViewPager上，这样我们就能在跳转的页面上做逻辑处理了
然后我们设置两个用于Fragment显示的布局，因为就只用了一个TextView，所以不贴出代码了
Fragment的代码，因为只是实现一个布局效果，所以没有太多代码

<pre name="code" class="java">package cn.bigniu.mydemo01;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class Fragment01 extends Fragment{

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment01,null);
        return view;
    }
}

接下来就是主界面的java代码了

<pre name="code" class="java">package cn.bigniu.mydemo01;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.RadioGroup;

//要实现点击带动ViewPager，滑动实现RadioButton的跳转，需要实现
//    RadioGroup.OnCheckedChangeListener
//    ViewPager.OnPageChangeListener
public class MainActivity extends AppCompatActivity implements
        RadioGroup.OnCheckedChangeListener,
        ViewPager.OnPageChangeListener{

    private ViewPager viewpager;
    private FragmentPagerAdapter adapter;
    private RadioGroup rgMenu;

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

        //初始化顶部菜单的控件
        rgMenu = (RadioGroup) findViewById(R.id.rg_main);
        //为顶部菜单栏配置监听器，保证选中某项时，界面可以切换
        rgMenu.setOnCheckedChangeListener(this);


        //初始化ViewPager
        viewpager= (ViewPager) findViewById(R.id.vp_pager);
        adapter = new InnerPagerAdapter(getSupportFragmentManager());
        //位Viewpager配置Adapter
        viewpager.setAdapter(adapter);
        //为ViewPager配置监听，以保证欢动切换时，底部菜单可以同步更新显示
        viewpager.setOnPageChangeListener(this);
    }

    //根据RadioButton的ID选择跳转的ViewPager页面	
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        switch (checkedId) {
            case R.id.rb_1:
                viewpager.setCurrentItem(0);
                break;
            case R.id.rb_2:
                viewpager.setCurrentItem(1);
                break;
        }
    }


    //根据ViewPager的选择指示RadioButton的跳转
    @Override
    public void onPageSelected(int position) {
        switch (position) {
            case 0:
                rgMenu.check(R.id.rb_1);
                break;
            case 1:
                rgMenu.check(R.id.rb_2);
                break;
        }
    }

    
    //继承FragmentPagerAdapter来实现Fragment与ViewPager关联
    private class InnerPagerAdapter extends FragmentPagerAdapter {

        public InnerPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            Fragment fragment = null;
            switch (position) {
                case 0:
                    fragment = new Fragment01();
                    break;
                case 1:
                    fragment = new Fragment02();
                    break;
            }
            return fragment;
        }

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


    @Override
    public void onPageScrollStateChanged(int i) {}

    @Override
    public void onPageScrolled(int i, float v, int i1) {}
}