Android 使用viewpager实现无限循环(定时+手动)
循环轮播的方法有两种,一种是使用定时器另外一种是使用手指拨动,相比较而言,定时器实现循环播放比较容易,只要在定时器的消息里加上简单几段代码即可,下面分别就这两种方法给大家详解,具体详情请看下文吧。
intcount=adapter.getCount();
if(count>1){//多于1个,才循环
intindex=viewPager.getCurrentItem();
index=(index+1)%count;
viewPager.setCurrentItem(index,true);
}
但如何在手指拨动时,也支持左右无限循环的功能呢?这个问题,我折腾了好久,网上资料多不可用。
比较可笑的是在适配器里,设置数量为最大值;然后,在当前位置为中间的某个值,比如:
publicclassMyAdapterextendsPagerAdapter{
@Override
publicintgetCount(){
returnInteger.MAX_VALUE;
}
@Override
publicbooleanisViewFromObject(Viewarg0,Objectarg1){
returnarg0==arg1;
}
@Override
publicvoiddestroyItem(Viewcontainer,intposition,Objectobject){
((ViewPager)container).removeView(mImageViews[position%count]);
}
publicObjectinstantiateItem(Viewcontainer,intposition){
Viewview=mImageViews[position%count];
((ViewPager)container).addView(view,0);
returnview;
}
}
protectedvoidonCreate(BundlesavedInstanceState){
viewPager.setAdapter(newMyAdapter());
//设置ViewPager的默认项,设置为总数的100倍,一开始才能往左滑动
viewPager.setCurrentItem(count*100);
}
这种做法,实际上,并没有真正达到左右无限循环;只是一般情况下,很难达到边界(不可滑动)的情况。
通过查阅大量的资料,我发现ViewPager自身并不支持左右无限循环的功能,不得不说,这点真是太失败了。
由于ViewPager自身不支持,我们只能自己找方法了!下面是我实现左右无限循环的方法:
用于显示的mViews,比数据源mList,多了两个节点元素(头节点0:b和尾节点5:e用于跳转)
下图的不带箭头的红线,是mViews根据mList初始化的情况;带箭头的红线是跳转的情况。
具体代码如下:
publicclassAdapterCycleextendsPagerAdapter
implementsViewPager.OnPageChangeListener{
privateContextmContext;//上下文
privateLayoutInflatermInflater;//用于解XML
privateLinkedList<View>mViews;//<spanstyle="font-family:Arial,Helvetica,sans-serif;">用于</span><spanstyle="font-family:Arial,Helvetica,sans-serif;">显示的View</span>
privateList<Drawable>mList;//数据源<spanstyle="font-family:Arial,Helvetica,sans-serif;">Drawable</span>
privateViewPagermViewPager;//页面
publicAdapterCycle(Contextcontext,ViewPagerviewPager,
List<Drawable>list)
{
mContext=context;
mInflater=LayoutInflater.from(context);
mViewPager=viewPager;
if(list!=null){
//无论是否多于1个,都要初始化第一个(index:0)
mViews=newLinkedList<View>();
ImageViewview=(ImageView)mInflater.inflate(
R.layout.activity_main_item_cycle,null);
Drawabledrawable=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(Drawabled:list){//中间的N个(index:1~N)
ImageViewv=(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
publicintgetCount(){
returnmViews.size();
}
@Override
publicbooleanisViewFromObject(Viewview,Objectobject){
returnview==object;
}
@Override
publicvoiddestroyItem(ViewGroupcontainer,intposition,Objectobject){
((ViewPager)container).removeView(mViews.get(position));
}
@Override
publicObjectinstantiateItem(ViewGroupcontainer,intposition){
Viewview=mViews.get(position);
container.addView(view);
returnview;
}
//实现ViewPager.OnPageChangeListener接口
@Override
publicvoidonPageSelected(intposition){
LogUtils.logi(TAG,"onPageSelected:"+position);
if(mViews.size()>1){//多于1,才会循环跳转
if(position<1){//首位之前,跳转到末尾(N)
position=mList.size();//注意这里是mList,而不是mViews
mViewPager.setCurrentItem(position,false);
}elseif(position>mList.size()){//末位之后,跳转到首位(1)
mViewPager.setCurrentItem(1,false);//false:不显示跳转过程的动画
position=1;
}
}
}
@Override
publicvoidonPageScrolled(intposition,floatpositionOffset,
intpositionOffsetPixels){
//什么都不干
}
@Override
publicvoidonPageScrollStateChanged(intstate){
//什么都不干
}
}
//在外层,将mViewPager初始位置设置为1即可
if(mAdapterCycle.getCount()>1){//多于1个,才循环并开启定时器
mViewPager.setCurrentItem(1);//将mViewPager初始位置设置为1
startTimer();//开启定时器,定时切换页面
}
这时,利用定时器,实现循环轮播,需要修改成如下:
intcount=adapter.getCount();
if(count>2){//实际上,多于1个,就多于3个
intindex=viewPager.getCurrentItem();
index=index%(count-2)+1;//这里修改过
viewPager.setCurrentItem(index,true);
}