使用ViewPager实现简单滑页

来源:互联网 发布:三本考研知乎 编辑:程序博客网 时间:2024/06/07 00:44

使用ViewPager可以实现简单的滑动页面,而我写的是基于鸿洋大神的讲解,而写作的目的只是给给自己的总结。

首先,在这里需要的准备知识就是ViewPager,简单的介绍一下,ViewPager其实是类似于ListView(个人见解,不喜勿喷),也是配合Adapter来使用的。

mAdapter = new PagerAdapter() {@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {// TODO Auto-generated method stubreturn arg0 == arg1;    //这里是官方的写法}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn mViews.size();//类似BaseAdapter中的getCount(),返回的是Tab的个数;}@Overridepublic void destroyItem(ViewGroup container, int position,Object object) {// TODO Auto-generated method stubcontainer.removeView(mViews.get(position));//销毁当前的Tab}@Overridepublic Object instantiateItem(ViewGroup container, int position) {// TODO Auto-generated method stub//这个方法是类似getView(),作用就是加载每个Tab
<span style="white-space:pre"></span>  //页面,在<span style="color:#ff6666;">这里要注意的是返回的不是container,而是</span>
<span style="white-space:pre"></span> //<span style="color:#ff0000;">通过position得到的view的对象</span>,这里可以添加每个Ta                                                                  //b页面上的事件,但是也有一定的局限性View view = mViews.get(position);container.addView(view);return view;}};mViewPager.setAdapter(mAdapter);//这个也不能忘记设置
接下来是给ViewPager添加滑动的监听事件:

mViewPager.setOnPageChangeListener(new OnPageChangeListener() {@Overridepublic void onPageSelected(int arg0) {<span style="font-family: Arial, Helvetica, sans-serif;">//滑动到指定页面后触发,</span>// TODO Auto-generated method stub//<span style="font-family: Arial, Helvetica, sans-serif;">currentItem  是当前页数==arg0</span>int currentItem = mViewPager.getCurrentItem();resetImg();switch (currentItem) {case 0:mWiXinImage.setBackgroundResource(R.drawable.tab_weixin_pressed);break;case 1:mFrdImage.setBackgroundResource(R.drawable.tab_find_frd_pressed);break;case 2:mSetImage.setBackgroundResource(R.drawable.tab_settings_pressed);break;default:break;}}@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {
<p class="p2" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="white-space:pre"></span>//当页面在滑动的时候会调用此方法,在滑动被停止之前,此方法回一直得到</p><p class="p2" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="white-space:pre"></span>//调用。其中三个参数的含义分别为:</p><p class="p2" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="white-space:pre"></span>//arg0 :当前页面,及你点击滑动的页面</p><p class="p2" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="white-space:pre"></span>//arg1:当前页面偏移的百分比</p><p class="p2" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"><span style="white-space:pre"></span>//arg2:当前页面偏移的像素位置   </p>
}@Overridepublic void onPageScrollStateChanged(int arg0) {
<p class="p1" style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;">                                                    //此方法是在状态改变的时候调用,其中arg0这个参数有三种状态(0,1,2)。arg0 ==1的时辰默示正在滑动,arg                                                     //0==2的时辰默示滑动完毕了,arg0==0的时辰默示什么都没做。当页面开始滑动的时候,三种状态的变化顺序为(1                                                   //,2,0)</p>}});
在明白这两个关键点之后,剩下的就比较简单了,其实整个逻辑也是比较简单的:

        1.在当前需要滑动的Activity中确定好顶部布局和底部布局,中间直接使用ViewPager控件,

2.自己重写一个PagerAdapter,并实例化每个Tab中的view,

        3.在初始化时,将要滑动的页面以View的形式加载到ViewPager中,

4.重写ViewPager的OnPageChangeListener的三个方法

onPageScrolled,

<span style="white-space:pre"></span>  <strong>onPageScrollStateChanged</strong>
<strong><span style="white-space:pre"></span> onPageSelected</strong>
<strong>     5.在滑页的是时候实现底部或顶部的一些动态效果</strong>
<strong>     最后,感谢鸿洋大神的分享,以上都是看了他的讲解后的自己针对自己的总结。总结是成长的必须步骤!</strong>
<strong></strong>
<strong><span style="white-space:pre"></span></strong>
<strong>     </strong>




0 0