Android自定义组件系列【10】——随ViewPager滑动的导航条

昨天在用到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

Android自定义组件系列【10】——随ViewPager滑动的导航条