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