主要介绍如何实现ViewPager自动播放,循环滚动的效果及使用。顺便解决ViewPager嵌套(ViewPager inside ViewPager)影响触摸滑动及ViewPager滑动速度设置问题。
项目已开源Android Auto Scroll ViewPager@Github,欢迎star和fork。
更多自动滚动轮播的开源项目可见:自动滚动 ViewPager。
Demo APK 可以方便的查看效果,在各大应用商店搜索 trinea android 下载即可,如:Google Play。
示例代码地址见AutoScrollViewPagerDemo,效果图如下:
1、实现
没有通过ScheduledExecutorService或Timer定期执行某个任务实现,而是简单的通过handler发送消息去完成一次滚动,在完成一次滚动后发送另外一个delay的滚动消息,如此循环实现。自动滚动部分核心代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
public void startAutoScroll() { isAutoScroll = true; sendScrollMessage(interval); } private void sendScrollMessage(long delayTimeInMills) { /** remove messages before, keeps one message is running at most **/ handler.removeMessages(SCROLL_WHAT); handler.sendEmptyMessageDelayed(SCROLL_WHAT, delayTimeInMills); } private class MyHandler extends Handler { @Override public void handleMessage(Message msg) { super.handleMessage(msg); switch (msg.what) { case SCROLL_WHAT: scrollOnce(); sendScrollMessage(interval); break; } } } |
至于ViewPager嵌套引起子ViewPager无法触摸问题是通过在子ViewPager的onTouchEvent中添加
1 |
getParent().requestDisallowInterceptTouchEvent(true); |
禁止父控件对touch event做intercept解决的。
ViewPager滑动速度的设置是通过反射的方式重新设置ViewPager的Scroller,改变Scroller的startScroll的间隔时间完成的。调用setScrollDurationFactor(double)即可。
2、使用
(1) 引入公共库
引入Android Auto Scroll ViewPager@Github作为你项目的library(如何拉取代码及添加公共库)。
(2) 调用
仅需简单两步:
a. 布局定义
1 2 3 4 |
<cn.trinea.android.view.autoscrollviewpager.AutoScrollViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="wrap_content" /> |
代替一般的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
楼主你好,调用你的这个控件后,从第一个左滑到最后一个时,如果滑的快点,手指离开时,会跳到倒数第二个图片,这个楼主有遇到过嘛?
嗯,已知 Bug,目前没时间修复,如果你改好了可以直接提交到 Github 上
为什么点击图片的时候,他有时自动往回走呢。循环轮播轮播的。
楼主你发现没有,滑动几张后快速点击他自己往回走。
用示例代码改的,还是容易假死,没法用了。楼主能解决么?
循环轮播,然后用手指滑,滑快一点就假死
你改的问题
你好,请问如何修改系统的viewpager,实现页面切换时播放一个音效。如何播放音效已经实现,应该添加到哪里才能和页面切换同步呢。
请问楼主,点击事件如何添加,在ImagePagerAdapter中添加了OnItemClickListener,点击无效
Pingback: 海上钢琴师
滑到到最后一项的时候,跳转到第一项的操作台突兀了,楼主有修改的方案吗
没时间改
设置ViewPager的getCount()为几千项,一开始ViewPager在中间位置,这样就会有自然的过渡了
嗯,无线循环的样式就是这样的
博主我想问下这个viewpager的点击事件是应该设置在图片上还是设置在viewpager上?
你好,我发现你这个组件不能设置适应内容高度,否则就会占用很大一块区域,但是固定死高度的话会有一段空白,如果图片的scaleType使用填充的话图片会出现拉伸变形,不知道作者怎么解决的,以上问题是在demo中测试的
嗯,这是 ViewPager 的问题,可见:http://stackoverflow.com/questions/17610085/how-to-switch-automatically-between-viewpager-pages/22093910#comment34228702_22093910
或者试下ImageView中的center_crop ?
viewpager 的问题
同样出现这个问题,最后改原生的自己写代码实现的