ViewPager实现左右两个屏幕的切换

项目终于需要这样的效果了，采用ViewPager去实现吧，让网上那些乱七八糟的屏幕切换类都终结了吧，ViewPager是google官方的！ 
下面是我借鉴的文章： 

起初最早接触到左右两个屏幕切换的是在 《创新源于模仿之三：实现左右两个屏幕的切换》 这篇文章上，感谢作者为我们提供了这么好的DEMO。 

什么是ViewPager呢？ 
它是实现左右两个屏幕平滑地切换的一个类，它是Google提供的，作为Android的一个补充。先上个效果图把，让大家有个直观的认识。 

 
我们在网上搜索这相关到主题的时候，会看到有很多关于这方面的问题：如何平滑？水平移动？等等。现在，我们可以自己不去亲自做这个费力的事情了，只需要使用到一个叫ViewPager的类即可。ViewPager是最近在Compatibility package发布的，支持android 1.6+，如果要使用的话，要通过SDK Manager去更新Compatibility package，具体使用方法在<SDK_DOC_PATH>/sdk/compatibility-library.html(SDK_DOC_PATH是自带Android文档的位置，需要更新到最新的文档才有)。 

《创新源于模仿之三：实现左右两个屏幕的切换》提供了Workspace实现了左右屏幕的切换，现在Google I/O上已经发布了这样的Workspace类，方便我们大家去使用，稍后我会同本文DEMO的源代码一起发布。那ViewPager和Workspace有什么样的区别呢？先看下api doc的说法： 
Layout manager that allows the user to flip left and right through pages of data. You supply an implementation of a PagerAdapter to generate the pages that the view shows. 

如上所述，ViewPager提供了一个适配器，方便我们对各个View进行控制，而Workspace需要我们手动去添加，它相当于是一个"静态切换"。接下来我将介绍下如何使用： 

1、下载来Android SDK & AVD manager的更新：Available Packages -> Android Repository -> Android Compatibility Package, revision 3. 它将安装在\extras\android\compatibility\v4文件下 

2、建立一个Android项目，在上述安装目录下把 android-support-v4.jar添加进项目，如果是最新的ADT，只需要右击project->Android Tools->Add Compatibility Library 

3、在Activity中使用ViewPager 

4、如果ViewPager是用xml去定义的，需要写上全局的路径，如： 

Xml代码  " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> 

1. <android.support.v4.view.ViewPager  
2. android:layout_width="match_parent"   
3. android:layout_height="match_parent"   
4. android:id="@+id/awesomepager"/>  

5、建立一个PagerAdapter，实现如下方法： 
getCount(), instantiateItem(), destroyItem()， isViewFromObject() 。 
总上所述，贴上俺的代码，我们发现，可以很快很简单的实现左右两个屏幕的切换 

Java代码   

1. public class AwesomePagerActivity extends Activity {  
2.       
3.     private ViewPager awesomePager;  
4.   
5.     private Context cxt;  
6.     private AwesomePagerAdapter awesomeAdapter;  
7.       
8.     private LayoutInflater mInflater;  
9.     private List<View> mListViews;  
10.       
11.       
12.     @Override  
13.     public void onCreate(Bundle savedInstanceState) {  
14.         super.onCreate(savedInstanceState);  
15.         setContentView(R.layout.main);  
16.         cxt = this;  
17.           
18.         awesomeAdapter = new AwesomePagerAdapter();  
19.         awesomePager = (ViewPager) findViewById(R.id.awesomepager);  
20.         awesomePager.setAdapter(awesomeAdapter);  
21.           
22.         mListViews = new ArrayList<View>();  
23.         mInflater = getLayoutInflater();  
24.         mListViews.add(mInflater.inflate(R.layout.layout1, null));  
25.         mListViews.add(mInflater.inflate(R.layout.layout2, null));  
26.         mListViews.add(mInflater.inflate(R.layout.layout3, null));  
27.           
28.     }  
29.       
30.     private class AwesomePagerAdapter extends PagerAdapter{  
31.   
32.           
33.         @Override  
34.         public int getCount() {  
35.             return mListViews.size();  
36.         }  
37.   
38.           
39.         @Override  
40.         public Object instantiateItem(View collection, int position) {  
41.   
42.               
43.             ((ViewPager) collection).addView(mListViews.get(position),0);  
44.               
45.             return mListViews.get(position);  
46.         }  
47.   
48.           
49.         @Override  
50.         public void destroyItem(View collection, int position, Object view) {  
51.             ((ViewPager) collection).removeView(mListViews.get(position));  
52.         }  
53.   
54.           
55.           
56.         @Override  
57.         public boolean isViewFromObject(View view, Object object) {  
58.             return view==(object);  
59.         }  
60.   
61.         @Override  
62.         public void finishUpdate(View arg0) {}  
63.           
64.   
65.         @Override  
66.         public void restoreState(Parcelable arg0, ClassLoader arg1) {}  
67.   
68.         @Override  
69.         public Parcelable saveState() {  
70.             return null;  
71.         }  
72.   
73.         @Override  
74.         public void startUpdate(View arg0) {}  
75.           
76.     }  
77.       
78.       
79. }  

就这样，我们可以很容易就实现左右两个屏幕之间的切换。具体页面到内容就靠大家去发挥了！ 
项目代码： http://download.csdn.net/source/3488073 

补充： 
用ViewPager写的左右滑屏，默认是没有没有循环效果的。就是当滑到最左端或者最右端就不能滑动了，所以就试着弄了下在左面和右面各增加个空View，然后在onPageSelected方法中： 

Java代码   

1. @Override  
2. public void onPageSelected(int arg0) {  
3.   // TODO Auto-generated method stub  
4.   System.out.println("onPageSelected = " + arg0);  
5.   if(arg0 == 0)  
6.       mViewPaper.setCurrentItem(arg0 + 1);  
7.   else if(arg0 == mViewList.size() - 1)  
8.       mViewPaper.setCurrentItem(arg0 - 1);  
9.   }  

其他文章： 
android中的左右滑屏实现By ViewPager 
android-整体UI设计-（滑动导航栏+滚动页面） 
http://blog.csdn.net/swadair/article/details/7551609