0
点赞
收藏
分享

微信扫一扫

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


下面是我借鉴的文章: 


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


什么是ViewPager呢? 

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


ViewPager实现左右两个屏幕的切换_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去定义的,需要写上全局的路径,如: 



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

" 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() 。 

总上所述,贴上俺的代码,我们发现,可以很快很简单的实现左右两个屏幕的切换 

 

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

1. publicclassAwesomePagerActivity extendsActivity {  
2.      
3.    privateViewPager awesomePager;  
4.  
5.    privateContext cxt;  
6.    privateAwesomePagerAdapter awesomeAdapter;  
7.      
8.    privateLayoutInflater mInflater;  
9.    privateList<View> mListViews;  
10.      
11.     
12.    @Override 
13.    publicvoidonCreate(Bundle savedInstanceState) {  
14.        super.onCreate(savedInstanceState);  
15.        setContentView(R.layout.main);  
16.        cxt = this;  
17.          
18.        awesomeAdapter = newAwesomePagerAdapter();  
19.        awesomePager = (ViewPager) findViewById(R.id.awesomepager);  
20.        awesomePager.setAdapter(awesomeAdapter);  
21.          
22.        mListViews = newArrayList<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.    privateclassAwesomePagerAdapter extendsPagerAdapter{  
31.  
32.          
33.        @Override 
34.        publicintgetCount() {  
35.            returnmListViews.size();  
36.        }  
37.  
38.         
39.        @Override 
40.        publicObject instantiateItem(View collection, intposition) {  
41.  
42.              
43.            ((ViewPager) collection).addView(mListViews.get(position),0);  
44.              
45.            returnmListViews.get(position);  
46.        }  
47.  
48.         
49.        @Override 
50.        publicvoiddestroyItem(View collection, intposition, Object view) {  
51.            ((ViewPager) collection).removeView(mListViews.get(position));  
52.        }  
53.  
54.          
55.          
56.        @Override 
57.        publicbooleanisViewFromObject(View view, Object object) {  
58.            returnview==(object);  
59.        }  
60.  
61.        @Override 
62.        publicvoidfinishUpdate(View arg0) {}  
63.          
64.  
65.        @Override 
66.        publicvoidrestoreState(Parcelable arg0, ClassLoader arg1) {}  
67.  
68.        @Override 
69.        publicParcelable saveState() {  
70.            returnnull;  
71.        }  
72.  
73.        @Override 
74.        publicvoidstartUpdate(View arg0) {}  
75.          
76.    }  
77.      
78.      
79. }


就这样,我们可以很容易就实现左右两个屏幕之间的切换。具体页面到内容就靠大家去发挥了! 


补充: 

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

 

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

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

举报

相关推荐

0 条评论