最近项目有个需求是主页包含4个Fragment,但还要求有滑动效果。相信大家第一个就会想到viewPager+fragment进行实现该功能了。 在做完功能后,发现有个问题,就是当我点击底部tab时,出现多个fragment依次闪过。比如我现在在第一个fragment,然后我点击第四个tab,页面就会经过第二个、第三个然后才到显示第四个。就是中间有个滑动的过程看起来很不爽。现在需要把这个滑动的时间去掉。
1、切换fragment就会用到 viewPager.setCurrentItem(int position); 部分源码如下
/**
* Set the currently selected page. If the ViewPager has already been through its first
* layout with its current adapter there will be a smooth animated transition between
* the current item and the specified item.
*
* @param item Item index to select
*/
public void setCurrentItem(int item) {
mPopulatePending = false;
setCurrentItemInternal(item, !mFirstLayout, false);
}
/**
* Set the currently selected page.
*
* @param item Item index to select
* @param smoothScroll True to smoothly scroll to the new item, false to transition immediately
*/
public void setCurrentItem(int item, boolean smoothScroll) {
mPopulatePending = false;
setCurrentItemInternal(item, smoothScroll, false);
}
2、根据源码知道,ViewPager滑动使用的是Scroll,我们把Scroll的滑动时间duration 设置为0。那我们先自定义一个ViewPager
public class WViewPager extends ViewPager {
private WViewPageHelper helper;
public WViewPager(Context context) {
this(context, null);
}
public WViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
helper = new WViewPageHelper(this);
}
@Override
public void setCurrentItem(int item) {
setCurrentItem(item, true);
}
@Override
public void setCurrentItem(int item, boolean smoothScroll) {
WScroller scroller = helper.getScroller();
//这里设置大于等于1,意思是2个相邻的tab点击也不出现闪动。可以根据需求自定义
if (Math.abs(getCurrentItem() - item) >= 1) {
scroller.setNoDuration(true);
super.setCurrentItem(item, smoothScroll);
//这里的设置false为切换后恢复默认的滑动状态,如果取消下面代码,当你滑动viewPager时,就不会有滑动切换效果了。
scroller.setNoDuration(false);
} else {
scroller.setNoDuration(false);
super.setCurrentItem(item, smoothScroll);
}
}
}
3、另外附上相关类代码。
public class WViewPageHelper {
ViewPager viewPager;
WScroller scroller;
public WViewPageHelper(ViewPager viewPager) {
this.viewPager = viewPager;
init();
}
public WScroller getScroller() {
return scroller;
}
private void init() {
scroller = new WScroller(viewPager.getContext());
Class<ViewPager> cl = ViewPager.class;
try {
//利用反射设置mScroller域为自己定义的WScroller,这里的命名(‘mScroller’)不能随意改
Field field = cl.getDeclaredField("mScroller");
field.setAccessible(true);
field.set(viewPager, scroller);
} catch (NoSuchFieldException e) {
e.printStackTrace();
} catch (IllegalAccessException e) {
e.printStackTrace();
}
}
}
public class WScroller extends Scroller {
private static final Interpolator sInterpolator = new Interpolator() {
public float getInterpolation(float t) {
t -= 1.0f;
return t * t * t * t * t + 1.0f;
}
};
public boolean noDuration;
public void setNoDuration(boolean noDuration) {
this.noDuration = noDuration;
}
public WScroller(Context context) {
this(context, sInterpolator);
}
public WScroller(Context context, Interpolator interpolator) {
super(context, interpolator);
}
@Override
public void startScroll(int startX, int startY, int dx, int dy, int duration) {
if (noDuration)
//界面滑动不需要时间间隔
super.startScroll(startX, startY, dx, dy, 0);
else
super.startScroll(startX, startY, dx, dy, duration);
}
}
4、最后,效果图就暂时不贴了。亲测可用!