上一篇 A NiceViewPager(上) 中存在的问题就是首尾两页跳转的时候由于没有平滑过渡,会觉得很突兀,这次使用在ViewPager中设置count个数为Integer.MAX_VALUE,在instantiateItem中对position取余来实现无限循环,初始化的时候让其显示在count的中间,那样用户想要划到边界应该很是困难了,这样也解决了过度突兀的问题,看下效果图吧,如果对滑动特效还不熟悉的话那就到上一篇中去看看吧。
下面给出相关修改代码:
// 使其显示在中间
vp.setCurrentItem(len * ((Integer.MAX_VALUE >> 1) / len));
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
Log.d("cmj", "pos: " + position);
position %= len;
View view = mViews.get(position);
// 不加这个的话会由于缓存造成带有ViewGroup的view新增到container中报错
ViewParent parent = view.getParent();
if (parent != null) {
ViewGroup vg = (ViewGroup) parent;
vg.removeView(view);
}
container.addView(view);
return view;
}
这次新加了下标滚动指示器,其相关代码也很简单,如下:
// 指示器
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(dp2px(this, 16), dp2px(this, 16));
params.rightMargin = dp2px(this, 16);
for (int i = 0; i < len; i++) {
ImageView imageViewDot = new ImageView(this);
imageViewDot.setLayoutParams(params);
// 设置小圆点的背景为暗红图片
imageViewDot.setBackgroundResource(R.drawable.red_dot_night);
ll.addView(imageViewDot);
mDotViews.add(imageViewDot);
}
mDotViews.get(prePos).setBackgroundResource(R.drawable.red_dot);
@Override
public void onPageSelected(int position) {
Log.d("cmj", "onPageSelectedPos: " + position);
mDotViews.get(prePos).setBackgroundResource(R.drawable.red_dot_night);
prePos = position % len;
mDotViews.get(prePos).setBackgroundResource(R.drawable.red_dot);
}
源码已上传github,献出链接NiceViewPager,喜欢记得star哦。滴,下车卡~