02/28
2014

Android自动滚动 轮播循环的ViewPager

主要介绍如何实现ViewPager自动播放,循环滚动的效果及使用。顺便解决ViewPager嵌套(ViewPager inside ViewPager)影响触摸滑动及ViewPager滑动速度设置问题

 

项目已开源Android Auto Scroll ViewPager@Github,欢迎star和fork。

更多自动滚动轮播的开源项目可见:自动滚动 ViewPager

 

Demo APK 可以方便的查看效果,在各大应用商店搜索 trinea android 下载即可,如:Google Play

示例代码地址见AutoScrollViewPagerDemo,效果图如下:

android auto scroll viewpager

1、实现

没有通过ScheduledExecutorService或Timer定期执行某个任务实现,而是简单的通过handler发送消息去完成一次滚动,在完成一次滚动后发送另外一个delay的滚动消息,如此循环实现。自动滚动部分核心代码如下:

 

至于ViewPager嵌套引起子ViewPager无法触摸问题是通过在子ViewPager的onTouchEvent中添加

禁止父控件对touch event做intercept解决的。

 

ViewPager滑动速度的设置是通过反射的方式重新设置ViewPager的Scroller,改变Scroller的startScroll的间隔时间完成的。调用setScrollDurationFactor(double)即可。

 

2、使用

(1) 引入公共库
引入Android Auto Scroll ViewPager@Github作为你项目的library(如何拉取代码及添加公共库)。

 

(2) 调用
仅需简单两步:

a. 布局定义

代替一般的ViewPager定义

 

b. 启动ViewPager自动滚动

startAutoScroll() 启动自动滚动
stopAutoScroll() 停止自动滚动

 

3、设置

setInterval(long) 设置自动滚动的间隔时间,单位为毫秒
setDirection(int) 设置自动滚动的方向,默认向右
setCycle(boolean) 是否自动循环轮播,默认为true

setScrollDurationFactor(double) 设置ViewPager滑动动画间隔时间的倍率,达到减慢动画或改变动画速度的效果
setStopScrollWhenTouch(boolean) 当手指碰到ViewPager时是否停止自动滚动,默认为true
setSlideBorderMode(int) 滑动到第一个或最后一个Item的处理方式,支持没有任何操作、轮播以及传递到父View三种模式

setBorderAnimation(boolean) 设置循环滚动时滑动到从边缘滚动到下一个是否需要动画,默认为true

 

4、其他

(1) 指示器,圆形或是方形指示器请配合ViewPagerIndicator使用

(2)无限循环,如果希望在最后一张继续播放第一张而不是退回到第一张,请参考AutoScrollViewPagerSingleDemo.java,注意这个特性不能和 ViewPagerIndicator 使用

(3)更多自动滚动轮播的开源项目可见:自动滚动 ViewPager

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

163 thoughts on “Android自动滚动 轮播循环的ViewPager

  1. 在最后一个图发生点击事件 自动跳到第一张图 然后滑动到第二张图..
    if ((currentItem == 0 && downX = touchX)) {
    if (slideBorderMode == SLIDE_BORDER_MODE_TO_PARENT) {
    getParent().requestDisallowInterceptTouchEvent(false);
    } else {
    if (pageCount > 1) {
    setCurrentItem(pageCount – currentItem – 1, isBorderAnimation);
    }
    getParent().requestDisallowInterceptTouchEvent(true);
    }
    return super.onTouchEvent(ev);
    }

  2. 楼主,AutoScrollViewPagerSingleDemo.java这个链接的地址好像并不是这个名字的类,而且通过setSlideBorderMode设置SLIDE_BORDER_CYCLE后,并不是楼主所说的效果:在最后一张继续播放第一张而不是退回到第一张。

  3. 真是不理解你了,你说你的第一个版本没有根本没说怎么调用库里的东西,然后竟然还有人会用,第二个完善版,你库名叫library你让我们怎么导入。

  4. public boolean dispatchTouchEvent(MotionEvent ev) {….. // getParent().requestDisallowInterceptTouchEvent(true); 这里有问题,否则最外层是下拉刷新的scrollview得时候无法向下拉动,注释掉这行,问题解决 return super.dispatchTouchEvent(ev);}

  5. 楼主我今天下载了你git上的 demo eclipse 版的 发现数据错位 不知道是那的原因 map 集合 里边的数据没问题 已经通过Foxmail 把问题反馈给你了 请查看下。。。。

  6. Pingback: 据说年薪30万的Android程序员必须知道的帖子 | 欢迎来到Aesean!

  7. Pingback: Github开源项目三 ViewPager 、Gallery、GridView | 风语的博客

  8. Pingback: Android开源项目分类总结(转) - 有Bug