最近，网易新闻更新到V3.5了，给我印象最深的是第一次进应用时显示新特性的ViewPager变成垂直滑动了。于是，小小的模仿了一下，我们来看看效果：
其实这是一个很简单的代码，一个自定义的ViewPager就可以搞定，引用自JakeWharton的一个开源项目：点击打开链接。
这个项目实际上是在ViewPager的基础上，做了一个扩展，加入了对上下方向滑动的支持，正如项目的名字，使用该项目，可以灵活的改变viewpager的方向,而且仅用一个简单的属性设置就可以做到,我只对该项目提供的例子做了一些简单的改动，就做到了网易新闻这个引导页的效果。
项目中最主要的部分:
DirectionalViewPager:直接继承自ViewPager,主要在onInterceptTouchEvent()和onTouchEvent()里面加入了对于垂直方向滑动的支持.并提供了setOrientation()这个方法,
我们可以同过此方法，直接设置ViewPager的滑动效果，垂直或者是水平
VerticalViewPagerCompat:提供了设置DataSetObserver的方法:setDataSetObserver()
接下来看具体使用的部分:MainActivity
[java] view plain copy
1. package com.way.newversion;
2.
3. import android.os.Bundle;
4. import android.support.v4.app.FragmentActivity;
5.
6. import com.way.directionalviewpager.DirectionalViewPager;
7.
8. public class MainActivity extends FragmentActivity {
9. private DirectionalViewPager mDirectionalViewPager;
10.
11. @Override
12. protected void onCreate(Bundle savedInstanceState) {
13. super.onCreate(savedInstanceState);
14. setContentView(R.layout.activity_main);
15. // Set up the pager
16. mDirectionalViewPager = (DirectionalViewPager) findViewById(R.id.pager);
17. new TestFragmentAdapter(
18. getSupportFragmentManager()));
19. //设置方向垂直即可。
20.
21. }
22.
23. }
实际应用中，我们直接用DirectionalViewPager代替ViewPager，再设置其滑动方向即可，既可以水平，也可以垂直，一个setOritation直接搞定.
看到了吧，实现上下滑动的效果就这么简单.在此不得不致敬JakeWharton这位大牛在开源项目上的贡献,让我们这些开发者受益颇深..
例子中其他部分,我只替换了资源图片:
我们每个界面都是使用的Fragment，由于通用以及简洁性，我这里就只使用一个TestFragment:
[java] view plain copy
1. package com.way.newversion;
2.
3. import android.os.Bundle;
4. import android.support.v4.app.Fragment;
5. import android.view.LayoutInflater;
6. import android.view.View;
7. import android.view.ViewGroup;
8. import android.widget.Button;
9. import android.widget.ImageView;
10.
11. public class TestFragment extends Fragment {
12. private static final String KEY_CONTENT = "TestFragment:Content";
13. private static final String KEY_ISLASTPIC = "TestFragment:IsLastPic";
14. private int mContent;
15. private boolean mIsLastPic;
16.
17. public static TestFragment newInstance(int content, boolean isLastPic) {
18. new TestFragment();
19.
20. fragment.mContent = content;
21. fragment.mIsLastPic = isLastPic;
22. return fragment;
23. }
24.
25. @Override
26. public View onCreateView(LayoutInflater inflater, ViewGroup container,
27. Bundle savedInstanceState) {
28. if ((savedInstanceState != null)
29. && savedInstanceState.containsKey(KEY_CONTENT)) {
30. mContent = savedInstanceState.getInt(KEY_CONTENT);
31. mIsLastPic = savedInstanceState.getBoolean(KEY_ISLASTPIC);
32. }
33. View root = inflater
34. false);
35. ImageView iv = (ImageView) root.findViewById(R.id.iv);
36. iv.setImageResource(mContent);
37. Button btn = (Button) root.findViewById(R.id.btn);
38. if (mIsLastPic)
39. btn.setVisibility(View.VISIBLE);
40. else
41. btn.setVisibility(View.GONE);
42. return root;
43. }
44.
45. @Override
46. public void onSaveInstanceState(Bundle outState) {
47. super.onSaveInstanceState(outState);
48. outState.putInt(KEY_CONTENT, mContent);
49. outState.putBoolean(KEY_ISLASTPIC, mIsLastPic);
50. }
51. }
接下来是所有fragment的Adapter：
[java] view plain copy
1. package com.way.newversion;
2.
3. import android.support.v4.app.Fragment;
4. import android.support.v4.app.FragmentManager;
5. import android.support.v4.app.FragmentPagerAdapter;
6.
7. class TestFragmentAdapter extends FragmentPagerAdapter {
8. protected static final int[] CONTENT = new int[] {
9. R.drawable.biz_ad_new_version1_img0,
10. R.drawable.biz_ad_new_version1_img1,
11. R.drawable.biz_ad_new_version1_img2,
12. R.drawable.biz_ad_new_version1_img3 };
13.
14. public TestFragmentAdapter(FragmentManager fm) {
15. super(fm);
16. }
17.
18. @Override
19. public Fragment getItem(int position) {
20. boolean isLastPic = false;
21. if (position == CONTENT.length - 1)
22. true;
23. return TestFragment.newInstance(CONTENT[position], isLastPic);
24. }
25.
26. @Override
27. public int getCount() {
28. return CONTENT.length;
29. }
30. }好了，大概就是这样，有需要的朋友可以下载代码看看，很简单的，最后注意一下，我这里并未实现背景跟随滑动，加上之后会更加栩栩如生，这个就留给大家了。
