ViewPager自动轮播，手指按住停止轮播

前面写了ViewPager添加指示器，无限轮播，自动轮播。但是自动轮播有一个问题就是手指按住后要停止轮播才行。
添加指示器，无限轮播，自动轮播请参考另外两篇文章：
《viewpager自添加指示器,无限轮播》
《ViewPager的自动轮播》
下面就记录一下，手指按住viewpager后停止自动轮播。
其实这个比较简单，就是对viewpager做一个触摸监听即可。然后判断下up和down事件

//通过监听onTouch事件，设置一个标签isLoop;手指按下时isLoop = false,手指抬起后isLoop = true;mViewPager.setOnTouchListener(new View.OnTouchListener() {@Overridepublic boolean onTouch(View view, MotionEvent motionEvent) {switch (motionEvent.getAction()) {case MotionEvent.ACTION_DOWN:Toast.makeText(MainActivity.this, "Down", Toast.LENGTH_SHORT).show();isLoop = false;break;case MotionEvent.ACTION_UP:Toast.makeText(MainActivity.this, "Up", Toast.LENGTH_SHORT).show();isLoop = true;break;}return false;}});

设置是否自动轮播的关键

//根据isLoop设置是否轮播mTimer.schedule(new TimerTask() {@Overridepublic void run() {Message message = new Message();message.what = UPDATE_VIEWPAGER;if(isLoop){ //如果isLoop = true 才进行轮播handler.sendMessage(message);}}}, 1000, 1000);//这里定义了轮播图切换的间隔时间

ViewPager自动轮播，手指按住停止轮播相关推荐

Echarts自动轮播插件echarts-auto-tooltip的使用（附停止轮播的方法）
Echarts自动轮播插件echarts-auto-tooltip的使用(附停止轮播的方法) echarts-auto-tooltip使用方法: //引入echarts-auto-tooltip.js ...
HTML鼠标悬停图片置顶,jquery实现鼠标悬浮停止轮播特效
本文实例讲述了jquery实现鼠标悬浮停止轮播特效代码.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: 一.主体程序轮播图①(手动点击轮播) 1 2 3 4 二.CSS样式 * ...
广告栏(自动轮播,无限循环)-图片轮播控件Banner的简单使用总结
Gradle dependencies{compile 'com.youth.banner:banner:1.1.5' //指定版本compile 'com.youth.banner:banner:+ ...
html轮播图鼠标可以暂停,原装js轮播图，鼠标移入停止轮播，移出继续轮播
要求:1.点击按钮,切换图片: 2.图片能够自动轮播: 3.鼠标移入,轮播停止:移出继续轮播: 知识点:1.定时器:setInterval(): 2.鼠标移入事件:onmouseenter/onmou ...
swiper移入暂停_react中swiper注意事项及鼠标划入停止轮播
首先是实例化swiper 这里有一个注意点,就是实例化的时机如果你的swiper内容是写死的,可以在componentDidMount中实例化,但是如果你的内容是通过接口异步请求过来的,就必须在co ...
JS来实现轮播图（走马灯）可左右切换图片，鼠标移入会停止轮播
效果一: 会自动进行轮播,当鼠标进入轮播图区域会停止轮播,点击左右箭头可以向前.向后进行切换图片效果二: 这种效果比第一种效果简单,只要删除一些代码和修改一些样式即可. 实现原理轮播图整体是放在u ...
使用hammer.js实现移动端手指滑动切换轮播图教程
今天面试前端开发时,要求在移动端实现手指滑动切换轮播图这里我用到 bootsrap 的轮播图组件 + hammer.js 库文章参考: Hammer.js - 李林峰的园子 - 博客园 (cnbl ...
html 轮播切图,JS轮播图的实现方法
本文实例为大家分享了JS轮播图的实现代码,供大家参考,具体内容如下需求: 自动轮播,鼠标移入轮播停止.移出继续,小圆点点击切图,左右箭头切图效果图: 思路通过编写过渡动画实现轮播效果,图片的出现 ...
无线轮播android,Android无限轮播Banner的实现
概述应用首页的广告轮播Banner,一般都会使用ViewPager来实现,但是ViewPager 没有轮播效果. 现成有这么几种实现方案: 1.使用Integer.MAX_VALUE ,理论上很难达 ...

ViewPager自动轮播，手指按住停止轮播

ViewPager自动轮播，手指按住停止轮播相关推荐

最新文章

热门文章