Android 使用viewpager实现无限循环(定时+手动)
程序员文章站
2023-12-11 15:18:10
循环轮播的方法有两种,一种是使用定时器另外一种是使用手指拨动,相比较而言,定时器实现循环播放比较容易,只要在定时器的消息里加上简单几段代码即可,下面分别就这两种方法给大家详...
循环轮播的方法有两种,一种是使用定时器另外一种是使用手指拨动,相比较而言,定时器实现循环播放比较容易,只要在定时器的消息里加上简单几段代码即可,下面分别就这两种方法给大家详解,具体详情请看下文吧。
int count = adapter.getcount(); if (count > 1) { // 多于1个,才循环 int index = viewpager.getcurrentitem(); index = (index + 1) % count; viewpager.setcurrentitem(index, true); }
但如何在手指拨动时,也支持左右无限循环的功能呢?这个问题,我折腾了好久,网上资料多不可用。
比较可笑的是在适配器里,设置数量为最大值;然后,在当前位置为中间的某个值,比如:
public class myadapter extends pageradapter{ @override public int getcount() { return integer.max_value; } @override public boolean isviewfromobject(view arg0, object arg1) { return arg0 == arg1; } @override public void destroyitem(view container, int position, object object) { ((viewpager)container).removeview(mimageviews[position % count]); } public object instantiateitem(view container, int position) { view view = mimageviews[position % count]; ((viewpager)container).addview(view, 0); return view; } } protected void oncreate(bundle savedinstancestate) { viewpager.setadapter(new myadapter()); //设置viewpager的默认项, 设置为总数的100倍,一开始才能往左滑动 viewpager.setcurrentitem(count * 100); }
这种做法,实际上,并没有真正达到左右无限循环;只是一般情况下,很难达到边界(不可滑动)的情况。
通过查阅大量的资料,我发现viewpager自身并不支持左右无限循环的功能,不得不说,这点真是太失败了。
由于viewpager自身不支持,我们只能自己找方法了!下面是我实现左右无限循环的方法:
用于显示的mviews,比数据源mlist,多了两个节点元素(头节点0:b和尾节点5:e用于跳转)
下图的不带箭头的红线,是mviews根据mlist初始化的情况;带箭头的红线是跳转的情况。
具体代码如下:
public class adaptercycle extends pageradapter implements viewpager.onpagechangelistener{ private context mcontext; // 上下文 private layoutinflater minflater; // 用于解xml private linkedlist<view> mviews; // <span style="font-family: arial, helvetica, sans-serif;">用于</span><span style="font-family: arial, helvetica, sans-serif;">显示的view</span> private list<drawable> mlist; // 数据源<span style="font-family: arial, helvetica, sans-serif;">drawable</span> private viewpager mviewpager; //页面 public adaptercycle(context context, viewpager viewpager, list<drawable> list) { mcontext = context; minflater = layoutinflater.from(context); mviewpager = viewpager; if (list != null) { //无论是否多于1个,都要初始化第一个(index:0) mviews = new linkedlist<view>(); imageview view = (imageview) minflater.inflate( r.layout.activity_main_item_cycle, null); drawable drawable = list.get(list.size() - 1); view.setimagedrawable(drawable); mviews.add(view); //注意,如果不只1个,mviews比mlist多两个(头尾各多一个) //假设:mlist为mlist[0~n-1], mviews为mviews[0~n+1] // mviews[0]放mlist[n-1], mviews[i]放mlist[i-1], mviews[n+1]放mlist[0] // mviews[1~n]用于循环;首位之前的mviews[0]和末尾之后的mviews[n+1]用于跳转 // 首位之前的mviews[0],跳转到末尾(n);末位之后的mviews[n+1],跳转到首位(1) if( list.size() > 1) { //多于1个要循环 for (drawable d : list) { //中间的n个(index:1~n) imageview v = (imageview) minflater.inflate( r.layout.activity_main_item_cycle, null); v.setimagedrawable(d); mviews.add(v); } //最后一个(index:n+1) view = (imageview) minflater.inflate( r.layout.activity_main_item_cycle, null); drawable = dlist.get(0); view.setimagedrawable(drawable); mviews.add(view); } } } @override public int getcount() { return mviews.size(); } @override public boolean isviewfromobject(view view, object object) { return view == object; } @override public void destroyitem(viewgroup container, int position, object object) { ((viewpager) container).removeview(mviews.get(position)); } @override public object instantiateitem(viewgroup container, int position) { view view = mviews.get(position); container.addview(view); return view; } // 实现viewpager.onpagechangelistener接口 @override public void onpageselected(int position) { logutils.logi(tag, "onpageselected:" + position); if ( mviews.size() > 1) { //多于1,才会循环跳转 if ( position < 1) { //首位之前,跳转到末尾(n) position = mlist.size(); //注意这里是mlist,而不是mviews mviewpager.setcurrentitem(position, false); } else if ( position > mlist.size()) { //末位之后,跳转到首位(1) mviewpager.setcurrentitem(1, false); //false:不显示跳转过程的动画 position = 1; } } } @override public void onpagescrolled(int position, float positionoffset, int positionoffsetpixels) { // 什么都不干 } @override public void onpagescrollstatechanged(int state) { // 什么都不干 } } //在外层,将mviewpager初始位置设置为1即可 if (madaptercycle.getcount() > 1) { //多于1个,才循环并开启定时器 mviewpager.setcurrentitem(1); //将mviewpager初始位置设置为1 starttimer(); //开启定时器,定时切换页面 }
这时,利用定时器,实现循环轮播,需要修改成如下:
int count = adapter.getcount(); if (count > 2) { // 实际上,多于1个,就多于3个 int index = viewpager.getcurrentitem(); index = index % (count - 2) + 1; //这里修改过 viewpager.setcurrentitem(index, true); }
推荐阅读
-
Android 使用viewpager实现无限循环(定时+手动)
-
Android 使用 ViewPager循环广告位的实现
-
Android ViewPager导航小圆点实现无限循环效果
-
Android Viewpager实现无限循环轮播图
-
Android ViewPager实现智能无限循环滚动回绕效果
-
Android ViewPager实现无限循环的实例
-
Android ViewPager实现无限循环轮播广告位Banner效果
-
Android Viewpager实现无限循环轮播图
-
Android ViewPager实现无限循环轮播广告位Banner效果
-
Android ViewPager实现智能无限循环滚动回绕效果