Android之实现ViewPager+Fragment左右滑动

最近看新闻发现新闻的页面是可以左右滑动的，于是自己就好奇起来了，之前做过ViewPager展示图片，在想怎么加载页面呢？研究了一下，发现就是添加了Fragment，废话不多说，揭秘奥秘的时候到了。
使用过ViewPager小伙伴们都知道，Viewpager加载数据，需要数据源，这里我们定义4个Fragment。为了方便其他同事使用，我给这4个Fragment添加了一个基类，具体代码如下：

  public abstract class BaseFragment extends Fragment {
    public Context mContext;//上下文
    private View mView;

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        initData(savedInstanceState);
    }


    @Override
    public void onCreate(Bundle savedInstanceState) {
        mContext = getActivity();
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, 
    ViewGroup container,Bundle savedInstanceState) {
        mView = initView(inflater);
        return mView;
    }
    /**
     * 初始化界面
     */

    public abstract View initView(LayoutInflater inflater);

    /**
     * 初始化数据
     */
    public abstract void initData(Bundle savedInstanceState);


}  

里面我添加了2个方法，一个是初始化界面，一个初始化数据，这样其他Fragment继承该类实现其两种方法，我们看一下其中一个Fragment里面的代码：

public class WeiFragment extends BaseFragment {

    @Override
    public View initView(LayoutInflater inflater) {
        //添加页面布局
        View view = inflater.inflate(R.layout.fragment_weixin, null);

        return view;
    }

    @Override
    public void initData(Bundle savedInstanceState) {


    }

}

这样其他同事就知道该如何处理数据了。在主页面，我们只要做两件事，一是把数据给Viewpager，另一件事则是要使下面的tab可以控制页面变化。下面是传递数据的代码：

     //添加数据
     list = new ArrayList<BaseFragment>();
     list.add(new WeChatFragment());
     list.add(new FriendFragment());
     list.add(new AddressFragment());
     list.add(new SettingFragment());

然后我们需要给ViewPager绑定一个适配器。针对Fragment的adapter，Google提供了专用的FragmentPagerAdapter。具体代码如下：

public class FragmentAdapter extends FragmentPagerAdapter {
    private List<BaseFragment> list;

    public FragmentAdapter(FragmentManager fm,      
                     List<BaseFragment> list) {
        super(fm);
        this.list = list;
    }

    //得到数据
    @Override
    public Fragment getItem(int position) {
        return list.get(position);
    }

    @Override
    public int getCount() {
        return list.size();
    }
}

最后我们要把适配器绑定到ViewPager上面；

   //绑定适配器
   adapter = new FragmentAdapter(getFragmentManager(), list);
   mViewPager.setAdapter(adapter);

第二件事就是处理tab改变页面变化，这里我们给tab设置了编号，根据编号来处理tab显示页面的问题，这里就不贴代码了，具体请看demo。
效果图如下：

项目源码
如有疑问，可以给我留言，多多交流。谢谢！