昨天在用到ViewPager实现滑动导航的时候发现微信的导航条效果是跟随ViewPager的滑动而动的，刚开始想了一下，感觉可以使用动画实现，但是这个滑动是随手指时时变化的，貌似不可行，后来再网上搜了一下，找到一个开源代码，结果打开一看大吃一惊，这么简单的效果代码居然大概有300多行，太占手机存储空间了！后来自己干脆重写ViewGroup使用scrollTo方法实现了一下，具体实现过程如下：

package com.example.slideupdownviewpage;import android.content.Context;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;import android.util.AttributeSet;import android.view.ViewGroup;/** * http://blog.csdn.net/dawanganban * @author 阳光小强 * */public class ViewPagerTab extends ViewGroup{		private ViewPager mViewPager;	private PageListener mPageListener = new PageListener();	private int mWidth;	private int mHeight; 	public ViewPagerTab(Context context, AttributeSet attrs) {		super(context, attrs);		}		@Override	protected void onLayout(boolean changed, int l, int t, int r, int b) {		if(getChildCount() > 0){			getChildAt(0).layout(0, 0, mWidth / 3, mHeight);  		}	}		@Override	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {		super.onMeasure(widthMeasureSpec, heightMeasureSpec);		mWidth = MeasureSpec.getSize(widthMeasureSpec);          mHeight = MeasureSpec.getSize(heightMeasureSpec); 	}		public void setViewPager(ViewPager viewPager){		this.mViewPager = viewPager;		mViewPager.setOnPageChangeListener(mPageListener);	}		private class PageListener implements OnPageChangeListener {		@Override		public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {			scrollTo(- position * mWidth / 3 - Math.round(positionOffset * mWidth / 3), 0);		}				@Override		public void onPageSelected(int position) {		}				@Override		public void onPageScrollStateChanged(int arg0) {		}	}}

效果如下：

完整源代码在GitHub地址：https://github.com/lxqxsyu/SlideUpDownViewPage