使用ViewPager实现简单滑页

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

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

mAdapter = new PagerAdapter() {
			
			@Override
			public boolean isViewFromObject(View arg0, Object arg1) {
				// TODO Auto-generated method stub
				return arg0 == arg1;    //这里是官方的写法
			}
			
			@Override
			public int getCount() {
				// TODO Auto-generated method stub
				return mViews.size();//类似BaseAdapter中的getCount（），返回的是Tab的个数；
			}

			

			@Override
			public void destroyItem(ViewGroup container, int position,
					Object object) {
				// TODO Auto-generated method stub
				container.removeView(mViews.get(position));//销毁当前的Tab
			}

			@Override
			public 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() {
			
			@Override
			public 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;
				}
				
				
			}
			
			@Override
			public 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>

				
			}
			
			@Override
			public 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>