Viewpager无限循环(首页与尾页平滑过渡)

最新推荐文章于 2021-05-27 06:43:05 发布

weixin_34355715

最新推荐文章于 2021-05-27 06:43:05 发布

阅读量277

点赞数

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5a3396d26fb9a0450168044d

本文介绍了一种优雅实现Viewpager无限轮播的方法，通过在图片列表前后增加额外图片并调整展示顺序，使得从首页到尾页的过渡更加平滑。同时提供了核心代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#Viewpager无限循环(首页与尾页平滑过渡)

##double kill 在网上找了不少的viewpager无限轮播的例子，大部分都是Interger.MAX_VALUES。滑到最后一页的时候setCurrentItem(0),这样虽然实现了无限轮播，但是当从最后一页跳转到第一页的时候不够优雅。。通过google终于找到了答案:

将你的图片的list的前后各增加一张图片,并将最后一张图片放至图片的第一张，第一张图片放至图片的最后一张，例如：** List {ABCD} 改为{DABCDA}**这样滑到最后一张图片的时候会显示一张图片而不是突兀的跳过中间的几张图片。然后初始化viewpager的时候让他从第一张图片开始轮播：setCurrentItem(1)

核心代码：

@Override
public void onPageScrolled(int i, float v, int i1) {   
   if (v == 0.0){        
            if (i == 0){ 
            //当滑到第一张图时显示最后一张图并将postion跳至"D"位置   
            vp.setCurrentItem(mImageViews.length-2,false);

     }
          //当滑到最后一张图时显示第一张图并将position跳至"A"位置
            else if (i == mImageViews.length-1)
        {         
               vp.setCurrentItem(1,false);      
         }   
 }  
}
复制代码

##至此就实现了无限轮播。附上轮播代码：

      Timer timer = new Timer();
      timer.schedule(new TimerTask()
         {  
          @Override    
          public void run() {        
                currentItem++; 
          //当currentItem等于图片大小的时候记得将 currentItem重置为1 
               if (currentItem== mImageViews.length) {
                       currentItem= 1;       
                   }        
            mHandler.sendEmptyMessage(REFRESH_VP_CODE);  
    }}, 3000, 3000);
复制代码