ViewPager,实现真正的无限循环(定时+手动)

利用定时器,实现循环轮播,很简单;只需在定时器的消息里加如下代码即可:
[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  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 plain copy 在CODE上查看代码片 派生到我的代码片
  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 plain copy 在CODE上查看代码片 派生到我的代码片
  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(1false); //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 plain copy 在CODE上查看代码片 派生到我的代码片
  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. }  
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现数据无限循环可以通过以下步骤: 1. 在Adapter中重写getCount()方法,将其返回一个较大的值,比如Integer.MAX_VALUE,这样就可以实现数据循环的效果。 2. 在Adapter中重写getItem()方法,将其返回数据集中指定位置的数据,但是要注意,位置需要取余数,即position % data.size(),这样可以保证数据循环。 3. 在ViewPager中重写onPageSelected()方法,当用户滑动到第一个或最后一个数据时,将ViewPager设置为对应的位置,这样就可以实现无限循环的效果。 以下是示例代码: ``` public class MyPagerAdapter extends PagerAdapter { private List<Data> mDataList; public MyPagerAdapter(List<Data> dataList) { mDataList = dataList; } @Override public int getCount() { return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public Object instantiateItem(ViewGroup container, int position) { View itemView = LayoutInflater.from(container.getContext()).inflate(R.layout.item_viewpager, container, false); TextView textView = itemView.findViewById(R.id.tv_data); Data data = mDataList.get(position % mDataList.size()); textView.setText(data.getData()); container.addView(itemView); return itemView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } } public class MainActivity extends AppCompatActivity { private ViewPager mViewPager; private List<Data> mDataList = new ArrayList<>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initData(); initViewPager(); } private void initData() { for (int i = 0; i < 10; i++) { mDataList.add(new Data("Data " + i)); } } private void initViewPager() { mViewPager = findViewById(R.id.view_pager); mViewPager.setAdapter(new MyPagerAdapter(mDataList)); mViewPager.setCurrentItem(Integer.MAX_VALUE / 2); mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { if (position == 0) { mViewPager.setCurrentItem(Integer.MAX_VALUE / 2); } else if (position == Integer.MAX_VALUE - 1) { mViewPager.setCurrentItem(Integer.MAX_VALUE / 2); } } @Override public void onPageScrollStateChanged(int state) { } }); } } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值