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。
效果图如下：

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