A NiceViewPager(下)

上一篇 A NiceViewPager(上) 中存在的问题就是首尾两页跳转的时候由于没有平滑过渡,会觉得很突兀,这次使用在ViewPager中设置count个数为Integer.MAX_VALUE,在instantiateItem中对position取余来实现无限循环,初始化的时候让其显示在count的中间,那样用户想要划到边界应该很是困难了,这样也解决了过度突兀的问题,看下效果图吧,如果对滑动特效还不熟悉的话那就到上一篇中去看看吧。

NiceViewPagerV2

下面给出相关修改代码:

// 使其显示在中间
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哦。滴,下车卡~

你可能感兴趣的:(A NiceViewPager(下))