码迷，mamicode.com
首页 > 其他好文 > 详细

ViewPager，实现真正的无限循环（定时+手动）

时间：2015-01-21 23:55:03      阅读：172      评论：0      收藏：0      [点我收藏+]

标签：

利用定时器，实现循环轮播，很简单；只需在定时器的消息里加如下代码即可：
[java] view plaincopy技术分享技术分享
 
  1. int count = adapter.getCount();  
  2. if (count > 1) { // 多于1个，才循环  
  3.     int index = viewPager.getCurrentItem();  
  4.     index = (index + 1) % count;  
  5.     viewPager.setCurrentItem(index, true);  
  6. }  
但如何在手指拨动时，也支持左右无限循环的功能呢？这个问题，我折腾了好久，网上资料多不可用。
比较可笑的是在适配器里，设置数量为最大值；然后，在当前位置为中间的某个值，比如：
[java] view plaincopy技术分享技术分享
 
  1. public class MyAdapter extends PagerAdapter{    
  2.     @Override    
  3.     public int getCount() {    
  4.         return Integer.MAX_VALUE;    
  5.     }    
  6.   
  7.     @Override    
  8.     public boolean isViewFromObject(View arg0, Object arg1) {    
  9.         return arg0 == arg1;    
  10.     }    
  11.   
  12.     @Override    
  13.     public void destroyItem(View container, int position, Object object) {    
  14.         ((ViewPager)container).removeView(mImageViews[position % count]);    
  15.             
  16.     }    
  17.     public Object instantiateItem(View container, int position) {    
  18.             View view = mImageViews[position % count];  
  19.         ((ViewPager)container).addView(view, 0);    
  20.         return view;    
  21.     }    
  22. }    
  23.   
  24. protected void onCreate(Bundle savedInstanceState) {   
  25.     viewPager.setAdapter(new MyAdapter());    
  26.     //设置ViewPager的默认项, 设置为总数的100倍，一开始才能往左滑动    
  27.     viewPager.setCurrentItem(count * 100);              
  28. }    
这种做法，实际上，并没有真正达到左右无限循环；只是一般情况下，很难达到边界（不可滑动）的情况。

通过查阅大量的资料，我发现ViewPager自身并不支持左右无限循环的功能，不得不说，这点真是太失败了。
由于ViewPager自身不支持，我们只能自己找方法了！下面是我实现左右无限循环的方法：
用于显示的mViews，比数据源mList，多了两个节点元素（头节点0:b和尾节点5:e用于跳转）
下图的不带箭头的红线，是mViews根据mList初始化的情况；带箭头的红线是跳转的情况。

技术分享
具体代码如下：

[java] view plaincopy技术分享技术分享
 
  1. public class AdapterCycle extends PagerAdapter   
  2.         implements ViewPager.OnPageChangeListener{  
  3.     private Context mContext; // 上下文  
  4.     private LayoutInflater mInflater; // 用于解XML  
  5.     private LinkedList<View> mViews; // <span style="font-family: Arial, Helvetica, sans-serif;">用于</span><span style="font-family: Arial, Helvetica, sans-serif;">显示的View</span>  
  6.     private List<Drawable> mList; // 数据源<span style="font-family: Arial, Helvetica, sans-serif;">Drawable</span>  
  7.     private ViewPager mViewPager; //页面  
  8.       
  9.       
  10.     public AdapterCycle(Context context, ViewPager viewPager,   
  11.         List<Drawable> list)  
  12.     {  
  13.         mContext = context;  
  14.         mInflater = LayoutInflater.from(context);  
  15.         mViewPager = viewPager;  
  16.         if (list != null) {  
  17.             //无论是否多于1个，都要初始化第一个（index:0）  
  18.             mViews = new LinkedList<View>();  
  19.             ImageView view = (ImageView) mInflater.inflate(  
  20.                     R.layout.activity_main_item_cycle, null);  
  21.             Drawable drawable = list.get(list.size() - 1);  
  22.             view.setImageDrawable(drawable);  
  23.             mViews.add(view);  
  24.             //注意，如果不只1个，mViews比mList多两个（头尾各多一个）  
  25.             //假设：mList为mList[0~N-1], mViews为mViews[0~N+1]  
  26.             // mViews[0]放mList[N-1], mViews[i]放mList[i-1], mViews[N+1]放mList[0]  
  27.             // mViews[1~N]用于循环；首位之前的mViews[0]和末尾之后的mViews[N+1]用于跳转  
  28.             // 首位之前的mViews[0]，跳转到末尾（N）；末位之后的mViews[N+1]，跳转到首位（1）  
  29.             if( list.size() > 1) { //多于1个要循环  
  30.                 for (Drawable d : list) { //中间的N个（index:1~N）  
  31.                     ImageView v = (ImageView) mInflater.inflate(  
  32.                             R.layout.activity_main_item_cycle, null);  
  33.                     v.setImageDrawable(d);  
  34.                     mViews.add(v);  
  35.                 }  
  36.                 //最后一个（index:N+1）  
  37.                 view = (ImageView) mInflater.inflate(  
  38.                         R.layout.activity_main_item_cycle, null);  
  39.                 drawable = dList.get(0);  
  40.                 view.setImageDrawable(drawable);  
  41.                 mViews.add(view);  
  42.             }  
  43.         }  
  44.     }  
  45.       
  46.     @Override  
  47.     public int getCount() {  
  48.         return mViews.size();  
  49.     }  
  50.       
  51.     @Override  
  52.     public boolean isViewFromObject(View view, Object object) {  
  53.         return view == object;  
  54.     }  
  55.   
  56.     @Override  
  57.     public void destroyItem(ViewGroup container, int position, Object object) {  
  58.         ((ViewPager) container).removeView(mViews.get(position));  
  59.     }  
  60.   
  61.     @Override  
  62.     public Object instantiateItem(ViewGroup container, int position) {  
  63.         View view = mViews.get(position);  
  64.         container.addView(view);  
  65.         return view;  
  66.     }  
  67.       
  68.       
  69.     // 实现ViewPager.OnPageChangeListener接口  
  70.     @Override  
  71.     public void onPageSelected(int position) {  
  72.         LogUtils.logi(TAG, "onPageSelected:" + position);  
  73.         if ( mViews.size() > 1) { //多于1，才会循环跳转  
  74.             if ( position < 1) { //首位之前，跳转到末尾（N）  
  75.                 position = mList.size(); //注意这里是mList，而不是mViews  
  76.                 mViewPager.setCurrentItem(position, false);  
  77.             } else if ( position > mList.size()) { //末位之后，跳转到首位（1）  
  78.                 mViewPager.setCurrentItem(1, false); //false:不显示跳转过程的动画  
  79.                 position = 1;  
  80.             }  
  81.         }         
  82.     }  
  83.   
  84.     @Override  
  85.     public void onPageScrolled(int position, float positionOffset,  
  86.             int positionOffsetPixels) {  
  87.         // 什么都不干  
  88.     }  
  89.   
  90.     @Override  
  91.     public void onPageScrollStateChanged(int state) {  
  92.         // 什么都不干  
  93.     }  
  94. }  
  95.   
  96.   
  97.     //在外层，将mViewPager初始位置设置为1即可  
  98.     if (mAdapterCycle.getCount() > 1) { //多于1个，才循环并开启定时器  
  99.         mViewPager.setCurrentItem(1); //将mViewPager初始位置设置为1  
  100.         startTimer(); //开启定时器，定时切换页面  
  101.     }  
这时，利用定时器，实现循环轮播，需要修改成如下：
[java] view plaincopy技术分享技术分享
 
  1. int count = adapter.getCount();  
  2. if (count > 2) { // 实际上，多于1个，就多于3个  
  3.     int index = viewPager.getCurrentItem();  
  4.     index = index % (count - 2) + 1; //这里修改过  
  5.     viewPager.setCurrentItem(index, true);  
  6. }  

ViewPager，实现真正的无限循环（定时+手动）

标签：

原文地址：http://www.cnblogs.com/xgjblog/p/4240213.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！