Android 使用viewpager实现无限循环(定时+手动)

循环轮播的方法有两种,一种是使用定时器另外一种是使用手指拨动,相比较而言,定时器实现循环播放比较容易,只要在定时器的消息里加上简单几段代码即可,下面分别就这两种方法给大家详解,具体详情请看下文吧。

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); }

时间: 2024-09-20 12:21:33

Android 使用viewpager实现无限循环(定时+手动)的相关文章

Android 使用viewpager实现无限循环(定时+手动)_Android

循环轮播的方法有两种,一种是使用定时器另外一种是使用手指拨动,相比较而言,定时器实现循环播放比较容易,只要在定时器的消息里加上简单几段代码即可,下面分别就这两种方法给大家详解,具体详情请看下文吧. int count = adapter.getCount(); if (count > 1) { // 多于1个,才循环 int index = viewPager.getCurrentItem(); index = (index + 1) % count; viewPager.setCurrentI

android 自定义Viewpager实现无限循环

 前言:经常会看到有一些app的banner界面可以实现循环播放多个广告图片和手动滑动循环.本以为单纯的ViewPager就可以实现这些功能.但是蛋疼的事情来了,ViewPager并不支持循环翻页.所以要实现循环还得需要自己去动手.自己在网上也找了些例子,本博文的Demo是结合自己找到的一些相关例子的基础上去改造,也希望对读者有用.   Demo实现的效果图如下:           Demo代码:      工程目录如下图:          废话不多说,上代码.     1.主Activit

Android使用ViewPager实现无限循环滑动及轮播(附源码)

MainActivity如下: package cc.ww; import java.util.ArrayList; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.support.v4.view.ViewPager; import a

Android ViewPager实现无限循环效果_Android

最近项目里有用到ViewPager来做广告运营位展示,看到现在很多APP的广告运营位都是无限循环的,所以就研究了一下这个功能的实现. 先看看效果 从一个方向上一直滑动,么有滑到尽头的感觉,具体是怎么实现的呢?看下面的思路. 实现思路 此处画了一幅图来表达实现无限循环的思路,即在数据起始位置前插入最后一项数据,在最后一项数据后插入第一项数据,当滑动到此处时,更新页面的索引位置就ok了 . 代码实现 这个方法用于数据处理,其中mediaList是原始数据,newMediaList是处理完的数据,mM

Android ViewPager实现无限循环的实例

Android ViewPager实现无限循环的实例 ViewPager自身并不支持左右无限循环的功能,这里就提供一种方案让Android ViewPager实现左右无限循环的功能,这里记录下: 用于显示的mViews,比数据源mList,多了两个节点元素(头节点0:b和尾节点5:e用于跳转) 下图的不带箭头的红线,是mViews根据mList初始化的情况:带箭头的红线是跳转的情况. 首先还是布局文件: <RelativeLayout xmlns:android="http://schem

Android 使用ViewPager实现左右循环滑动及轮播效果

ViewPager是一个常用的Android组件,不过通常我们使用ViewPager的时候不能实现左右无限循环滑动,在滑到边界的时候会看到一个不能翻页的动画,可能影响用户体验.此外,某些区域性的ViewPager(例如展示广告或者公告之类的ViewPager),可能需要自动轮播的效果,即用户在不用滑动的情况下就能够看到其他页面的信息. 循环滑动效果的实现:PagerAdapter 我们知道ViewPager自带的滑动效果非常出色,因此我们基本不需要处理这个滑动,只处理内容的显示.而内容的显示是由

viewpager-关于ViewPager的无限循环

问题描述 关于ViewPager的无限循环 最近学习了viewPager的用法,但是发现当手动滑动viewPager时无法实现无限循环,网上百度了一下,大家都是用的通过设置count的长度为一个很大的值,比如Integer.MAX_VALUE再用取余的方法去添加view老师也是这样讲的,但这样并没有达到理论上的无限循环,而且如果我在页面添加一组RadioButton来跳转到对应页面的话也会报错,所以自己想了一下,用另一种方法来实现了真正的无限循环和添加RadioButton,大家看看代码给点意见

Android开发实现广告无限循环功能示例

本文实例讲述了Android开发实现广告无限循环功能.分享给大家供大家参考,具体如下: 一.效果图: 二.代码实现: /** * 新闻首页 * * @Project App_Card * @Package com.android.koomama.fragment.home * @author chenlin * @version 1.0 * @Date 2014年6月22日 * @Note TODO */ public class NewsHomeFragment extends BaseFra

Android使用ViewPager实现无限滑动效果_Android

前言 其实仔细想一下原理还是挺简单的.无非是当我们滑动到最后一页,再向后滑动时定位到第一页;当我们滑动到第一页,再向前滑动时定位到最后一页. 但是,相信很多朋友都遇到过这个问题:视图的过度效果不自然. 小编也是通过百度和谷歌查找了很多解决方案,实验了很多方法,总结了一个相对不错的方法,接下来给各位分享下滑动效果.实现细节以及一些踩过的坑. 1.无限滑动效果(左右无限滑动) 事先准备好2张滑动图片(有想试验的小伙伴,自备图片啊,小编就不提供了...) 运行效果图(左右无限循环): 为了显示更加直观