ViewPager实现无限循环的2种方法

r囧r小猫 2022-07-10 13:57 1103阅读 0赞

项目中有一处banner循环滚动，近期发现在某机型上快速滑动会有一点点问题(还是配置很高级的机型)。于是换了一种实现方式。

以ViewPager中有3个Item为例。它的排列如下：

![Center][]

先第一种方式的思路，是在首尾各加一张图片。使其排列如下：

![Center 1][]

然后滑到首尾2张图片(外层的2和0)时给它悄悄回到对应的位置(内层的0和2)

处理如下：

mViewPager.setAdapter(viewPagerAdapter);
            mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
                @Override
                public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    
                }
    
                @Override
                public void onPageSelected(int position) {
                    if(viewPagerAdapter.getCount() <= 1)
                        return;
                    if(position == viewPagerAdapter.getCount()-1){
                        mViewPager.setCurrentItem(1, false);
                    }else if(position == 0){
                        mViewPager.setCurrentItem(viewPagerAdapter.getCount()-2, false);
                    }
                }
    
                @Override
                public void onPageScrollStateChanged(int state) {
    
                }
            });

第二种方式，是不设置ViewPager的边界，使其拥有超多个选项卡(Integer.MAX\_VALUE)，然后将初始位置设置在中间。

![Center 2][]

只需要修改PagerAdapter的getCount方法

@Override
        public int getCount() {
            if(pageItems.size()==1){
                return 1;
            }
            return Integer.MAX_VALUE;
        }

但在setCurrentItem()的时候，发现可能有发生ANR，发生ANR的地方是下面的else中。

if (mFirstLayout) {
                // We don't have any idea how big we are yet and shouldn't have any pages either.
                // Just set things up and let the pending layout handle things.
                mCurItem = item;
                if (dispatchSelected) {
                    dispatchOnPageSelected(item);
                }
                requestLayout();
            } else {
                populate(item);
                scrollToItem(item, smoothScroll, velocity, dispatchSelected);
            }

原因是，ViewPager初始化完成后，再调setCurrentItem，ViewPager会一个一个页卡滑过去，直到滑到指定的页卡。

因此还需要重写ViewPager的setCurrentItem方法。

@Override
        public void setCurrentItem(int item) {
            if (Math.abs(item-getCurrentItem()) > 3){
                setFirstLayout();
            }
            super.setCurrentItem(item);
        }
    
        @Override
        public void setCurrentItem(int item, boolean smoothScroll) {
            if (Math.abs(item-getCurrentItem()) > 3){
                setFirstLayout();
            }
            super.setCurrentItem(item, smoothScroll);
        }
        
        private void setFirstLayout(){
            try {
                Field mFirstLayout = ViewPager.class.getDeclaredField("mFirstLayout");
                mFirstLayout.setAccessible(true);
                mFirstLayout.set(this, true);
            }catch(Exception e) {
                e.printStackTrace();
            }
        }

[Center]: /images/20220710/11b91db9523a45dc9745523d025960c5.png
[Center 1]: /images/20220710/90ab9c53054649eeabc5ab667cff2251.png
[Center 2]: /images/20220710/0a04b4a291b243adb3c5e79c893ab965.png