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

利用定时器,实现循环轮播,很简单;只需在定时器的消息里加如下代码即可:

[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. @Override
  7. public boolean isViewFromObject(View arg0, Object arg1) {
  8. return arg0 == arg1;
  9. }
  10. @Override
  11. public void destroyItem(View container, int position, Object object) {
  12. ((ViewPager)container).removeView(mImageViews[position % count]);
  13. }
  14. public Object instantiateItem(View container, int position) {
  15. View view = mImageViews[position % count];
  16. ((ViewPager)container).addView(view, 0);
  17. return view;
  18. }
  19. }
  20. protected void onCreate(Bundle savedInstanceState) {
  21. viewPager.setAdapter(new MyAdapter());
  22. //设置ViewPager的默认项, 设置为总数的100倍,一开始才能往左滑动
  23. viewPager.setCurrentItem(count * 100);
  24. }

这种做法,实际上,并没有真正达到左右无限循环;只是一般情况下,很难达到边界(不可滑动)的情况。

通过查阅大量的资料,我发现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. public AdapterCycle(Context context, ViewPager viewPager,
  9. List<Drawable> list)
  10. {
  11. mContext = context;
  12. mInflater = LayoutInflater.from(context);
  13. mViewPager = viewPager;
  14. if (list != null) {
  15. //无论是否多于1个,都要初始化第一个(index:0)
  16. mViews = new LinkedList<View>();
  17. ImageView view = (ImageView) mInflater.inflate(
  18. R.layout.activity_main_item_cycle, null);
  19. Drawable drawable = list.get(list.size() - 1);
  20. view.setImageDrawable(drawable);
  21. mViews.add(view);
  22. //注意,如果不只1个,mViews比mList多两个(头尾各多一个)
  23. //假设:mList为mList[0~N-1], mViews为mViews[0~N+1]
  24. // mViews[0]放mList[N-1], mViews[i]放mList[i-1], mViews[N+1]放mList[0]
  25. // mViews[1~N]用于循环;首位之前的mViews[0]和末尾之后的mViews[N+1]用于跳转
  26. // 首位之前的mViews[0],跳转到末尾(N);末位之后的mViews[N+1],跳转到首位(1)
  27. if( list.size() > 1) { //多于1个要循环
  28. for (Drawable d : list) { //中间的N个(index:1~N)
  29. ImageView v = (ImageView) mInflater.inflate(
  30. R.layout.activity_main_item_cycle, null);
  31. v.setImageDrawable(d);
  32. mViews.add(v);
  33. }
  34. //最后一个(index:N+1)
  35. view = (ImageView) mInflater.inflate(
  36. R.layout.activity_main_item_cycle, null);
  37. drawable = dList.get(0);
  38. view.setImageDrawable(drawable);
  39. mViews.add(view);
  40. }
  41. }
  42. }
  43. @Override
  44. public int getCount() {
  45. return mViews.size();
  46. }
  47. @Override
  48. public boolean isViewFromObject(View view, Object object) {
  49. return view == object;
  50. }
  51. @Override
  52. public void destroyItem(ViewGroup container, int position, Object object) {
  53. ((ViewPager) container).removeView(mViews.get(position));
  54. }
  55. @Override
  56. public Object instantiateItem(ViewGroup container, int position) {
  57. View view = mViews.get(position);
  58. container.addView(view);
  59. return view;
  60. }
  61. // 实现ViewPager.OnPageChangeListener接口
  62. @Override
  63. public void onPageSelected(int position) {
  64. LogUtils.logi(TAG, "onPageSelected:" + position);
  65. if ( mViews.size() > 1) { //多于1,才会循环跳转
  66. if ( position < 1) { //首位之前,跳转到末尾(N)
  67. position = mList.size(); //注意这里是mList,而不是mViews
  68. mViewPager.setCurrentItem(position, false);
  69. } else if ( position > mList.size()) { //末位之后,跳转到首位(1)
  70. mViewPager.setCurrentItem(1, false); //false:不显示跳转过程的动画
  71. position = 1;
  72. }
  73. }
  74. }
  75. @Override
  76. public void onPageScrolled(int position, float positionOffset,
  77. int positionOffsetPixels) {
  78. // 什么都不干
  79. }
  80. @Override
  81. public void onPageScrollStateChanged(int state) {
  82. // 什么都不干
  83. }
  84. }
  85. //在外层,将mViewPager初始位置设置为1即可
  86. if (mAdapterCycle.getCount() > 1) { //多于1个,才循环并开启定时器
  87. mViewPager.setCurrentItem(1); //将mViewPager初始位置设置为1
  88. startTimer(); //开启定时器,定时切换页面
  89. }

这时,利用定时器,实现循环轮播,需要修改成如下:

[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. }
时间: 2024-11-10 00:57:32

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

Android ViewPager真正的实现无限循环滚动

在存放View的集合中的第一个位置放入真正的最后一个View,而在最后一个放入第一个.具体请参照下图以及代码! package com.xinye.ui;   import java.util.ArrayList; import java.util.HashMap;   import net.tsz.afinal.FinalBitmap; import net.tsz.afinal.FinalHttp; import net.tsz.afinal.http.AjaxCallBack;   imp

ViewPager结合Fragment进行无限滑动

实现ViewPager结合Fragment实现无限循环切换,这里也是在适配器里面进行的,当然使用滑动监听也能够实现 import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.view.ViewGroup; import java.util.Array

viewpager 自动无限循环 这段代码移到你的程序中就可以用了

本程序需要懂得viewpager的基础知识,也就是说你能够自己写出一个手动滑动的viewpager,下面我将附带加小圆点的知识 那么我们回顾一下图片轮转的基础知识,如果你已经对viewpager很熟悉了就不用看了,浪费时间 1.viewpager是在v4兼容报里面的,使用控件时请带上报名 2.数据来源用list存放,我这里用的是textview做的小圆点list<textview>,layout做的单张幻灯片list<view>,将xml文件inflate成为view,View.i

一行代码引入 ViewPager 无限循环 + 页码显示

(出处:http://www.cnblogs.com/linguanh) 前序: 网上的这类 ViewPager 很多,但是很多都不够好,体现在 bug多.对少页面不支持,例如1~2张图片.功能整合不全(无限+页码)等等,本类由我从零到无完成的,基本已找完 bug,注释丰富,方便大家理解. 特点: 1,代码量少 , 共两个类,约合 310 行代码 (除去注释) 2,可扩展 , 再加个 handler 即可实现自动轮播 3,时间复杂度低 4,耦合度低,只依赖了 imageLoader,可以自己切换

【Android】ViewPager实现无限循环滚动

最近做的一个项目,客户要求在ViewPager实现的主页面中滑动到最后一页后继续滑动能返回到第一页,也就是实现无限循环滚动,效果如下: 看了下ViewPager没有滑到尽头的回调方法,因此想到的解决方案是,在原来的最后一页之后再加上一个第一页,也就是原本有编号为a1,b,c的三个页面,现在在最后面再加一个a页面,变为a1.b.c.a2四个页面,然后使用OnPageChangeListener中的onPageSelected方法来监听到页面切换,当发现是从第三个页面(c)切换到第四个页面(a1)时

viewpager实现无限循环滚动幻灯片

一直想做循环滑动幻灯片的效果,类似pptv等的首页效果十分抱歉,不会整gif动图--- 废话少说,先上图看效果:    思路是:设置pageradapter的count为Integer.MAX_VALUE,但实际的item只有几个,用取余的方式取item,在设置adapter时同时设置currentItem为实际item数的N倍(足够大就好).这样就可以左右无缝循环滑动!(毕竟你不可能滑上亿次),并且不用担心内存问题,就那几个玩意--- 这里不能用FragmentPagerAdapter或Fra

扩展ViewFlow避免和ViewPager滑动冲突,同时支持无限循环,并完美和CircleFlowIndicator结合

首先,为了避免滑动冲突,我们要继承ViewFlow,重写onInterceptTouchEvent 1 public class MyViewFlow extends ViewFlow { 2 private ViewPager mPager; 3 4 public MyViewFlow(Context context, AttributeSet attrs) { 5 super(context, attrs); 6 } 7 8 9 public void setViewPager(ViewPa

详细分析Android viewpager 无限循环滚动图片

由于最近在忙于项目,就没时间更新博客了,于是趁着周日在房间把最近的在项目中遇到的技术总结下.最近在项目中要做一个在viewpager无限滚动图片的需求,其实百度一下有好多的例子,但是大部分虽然实现了,但是讲的都不清楚,我查了很多资料,我就知道position/list.size().但是怎么用,我还是不明白.我后来看了百度工程师任玉刚的循环广告位组件的实现突然明白了无限滚动的原理.总结如下: 1.要在int getCount() 方法里 写 return BANNER_SIZE.  这个 BAN

ViewPager实现滑屏的无限循环

实现ViewPager无限循环: 1.让ViewPager的PagerAdapter无限大且内容重复 2.实现自动滚屏控制器 上源码: 1 /** 2 * ViewPager无限循环实现 3 * 1.实现一个无限大的PagerAdapter 4 * 2.继承ViewPager重写setAdapter方法 5 * 3.实现一个自动滚屏的控制器 6 * 注意:数据刷新调用LoopViewPager类里的notifyDataSetChanged 7 * @author sdsw 8 * 9 */ 10