Android ViewPager+Fragment

今天跟着视频的脚步，在学习完了简单的ViewPager之后，又紧接着学习了Viewpager+Fragment，即Fragment的复杂的页面显示，之所以称之为复杂的页面显示，主要是：1.允许放置Fragment，当Fragment存在，功能可以实现非常复杂，完善的功能，现代的客户端都会包含ViewPager+Fragment，由此可见非常重要。
那么如何去实现呢？其实和简单的ViewPager很相似，只不过不再是借助于PagerAdapter这个类去实现了，而是借助于FragmentPagerAdapter以及FragmentStatePagerAdapter两个适配器来进行ViewPager包含Fragment操作，这里主要是讲解使用FragmentPagerAdapter这个适配器来实现。
我们为了学习的方便，以模拟实现内涵段子的界面为背景进行学习的，主要是实现了页面的切换以及后期实现了RadioButton与ViewPager的交互，即点击哪一个相应的RadioButton，ViewPager将会跳转至哪一个界面，注意，我们只是实现了单方面的联动，只是RadioButton可以控制ViewPager，而ViewPager操控RadioButton笔者还没有实现。由于代码已经比较详细，这里直接上代码。
由于建立的文件比较多，先把类文件给大家看一下：

NeihanActivity.java的代码：

public class NeihanActivity extends FragmentActivity implements RadioGroup.OnCheckedChangeListener {
    private ViewPager pager;
    //需要实现的Fragment
    private List<Fragment> fragments;
   //用于切换ViewPager
    private RadioGroup pagerSelector;
    public NeihanActivity()
    {

    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_neihan);
        pager=(ViewPager)findViewById(R.id.neihan_viewpager);
        //!使用FragmentPagerAdapter来设置ViewPager的内容
        //让每一个页面可以是Fragment

        fragments=new ArrayList<>();
        fragments.add(new ChapterFragment());
        fragments.add(new ImageFragment());
        fragments.add(new SettingsFragment());

        NeihanFragmentPagerAdapter adapter=
                new NeihanFragmentPagerAdapter(getSupportFragmentManager()
                ,fragments);
        pager.setAdapter(adapter);
        //RadioGroup
        pagerSelector=(RadioGroup) findViewById(R.id.pager_selector);
        pagerSelector.setOnCheckedChangeListener(this);
    }

    /**
     *
     * @param group
     * @param checkedId
     */
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        //获取当前容器内部有多少个子控件
        int count=group.getChildCount();
        int checkedPos=0;
        //遍历RadioGroup中的每一个RadioButton，看看第一个选中了
        //因为ViewPager 设置显示页面，需要指定的是索引

        for (int i=0;i<count;i++)
        {
            View v=group.getChildAt(i);
            if(v instanceof RadioButton)
            {
                RadioButton rb=(RadioButton) v;
                boolean checked=rb.isChecked();
                if(checked)
                {
                    checkedPos=i;
                    //因为每次只能显示一页，所以只有一个按钮处于选中状态
                    //直接跳出循环就可以
                    break;
                }
            }
        }
        //设置ViewPager显示第几页,有过渡效果
        //pager.setCurrentItem(checkedPos);
        //第二个参数的意思是是否有平滑滚动
        pager.setCurrentItem(checkedPos,false);
    }
}

NeihanFragmentPagerAdapter的代码：

public class NeihanFragmentPagerAdapter extends FragmentPagerAdapter {
   //默认构造函数一定要有
    //两步实现：Ctrl i  Ctrl O
    private List<Fragment> fragments;
    /**
     * 默认构造方法，当中的FragmentManager 一定是上一级组件的Manager
     * 例如Activity包含的ViewPager 指定Adapter时候，
     *      通过getSupportFragment，
     *例如在Fragment内部使用的ViewPager，那么 ViewPager Adapter
     *     应该是getChildFragmentManager()
     * @param fm
     */
    public NeihanFragmentPagerAdapter(FragmentManager fm,List<Fragment> fragments) {
        super(fm);
        this.fragments=fragments;
    }

    /**
     * 获取第几页的Fragment
     * @param position
     * @return
     */
    @Override
    public Fragment getItem(int position) {
        return fragments.get(position);
    }

    /**
     * 获取页面的个数
     * @return
     */
    @Override
    public int getCount() {
        return fragments.size();
    }
}

ChapterFragment的代码：

public class ChapterFragment extends Fragment {
    public ChapterFragment()
    {

    }

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

ImageFragment的代码：

public class ImageFragment extends Fragment {
      public ImageFragment()
      {

      }

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

SettingsFragment的代码：

public class SettingsFragment extends Fragment {
    public  SettingsFragment()
    {

    }

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

activity.xml代码：

  <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="#f00"
        android:textSize="30sp"
        android:text="内涵"/>
    <android.support.v4.view.ViewPager
        android:id="@+id/neihan_viewpager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        >
    </android.support.v4.view.ViewPager>
        <RadioGroup
            android:id="@+id/pager_selector"
            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="段子"/>
            <RadioButton
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="图片"/>
            <RadioButton
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="设置"/>
        </RadioGroup>

三个Fragment中就只是一个TextView的控件，这里就不再显示出来，自己添加就可以，当然这里只是为了测试，所以才将Fragement写的这么简单，自己可以根据需求添加一些复杂的功能。
好了，今天就学习了这么多，明天将会学习ViewPager的生命周期，如果时间充足将会进行服务的学习，明天又是新的一天，加油！！！