前两天我给大家用3步实现了带标记的引导页，有同学说广告的轮播器怎么实现，其实这个基本已经实现了，只是还差那么一丢丢。。轮询和自动播放，这里接着之前的代码，带着大家修改下。效果图就不贴了，和之前的一样，我已经测试通过。
思路是
1.首先要考虑它的伪循环（其实只是滑到末尾图片再切换到开始图片，给人一种"无限循环"的错觉），而viewpager默认的效果，也就是当前，当我们滑到到最后一页，如果想看第一张图片需要再重新滑回去，那么这样给用户的体验就不好，所以我们会在适配器Adapter的getCount()方法里，返回一个很大的数值，让它能够"无限循环"。不清楚的朋友也没关系，下面代码会详细提到。
2.然后就要考虑它的自动滑动效果，那么很简单的就会去想到定时器，每隔几秒让它自动滑动一次，再通过配合ViewPager的设置当前页面setCurrentItem就可以达到我们想要的效果。
3.最后就是需要考虑到细节方面的东西了，如何让画面滑动配合底部的小圆圈点，基于之前的代码架构这里实现非常容易。我们在做定时器操作的时候，无限循环肯定是一个while永true的状态，当我们切换退出当前界面的时候，这个定时器循环要怎么处理。
Ok，知道了实现原理和步骤，下面我们就来修改一下代码，实现这个效果
修改PagerAdapter，要修改3处代码
@Override
publicint getCount() {
if(viewList != null) {
//returnviewList.size();
//1处修改，设置轮询最大值，等于无限循环
returnInteger.MAX_VALUE;
}
return0;
}
@Override
public Object instantiateItem(ViewGroup container, int position){
//2处修改，当前要显示的数据索引为集合长度
intnewPosition = position % viewList.size();
((ViewPager)container).addView(viewList.get(newPosition), 0);
returnviewList.get(newPosition);
}
@Override
public void destroyItem(ViewGroup container, int position, Objectobject) {
//3处修改，移除的数据索引为集合的长度
intnewPosition = position % viewList.size();
((ViewPager)container).removeView(viewList.get(newPosition));
}
这样Adapter就修改完成了，接下来我们修改ViewPagerActivity
//加载ViewPager
initViewpager();
//加载底部圆点
initViewPagerTag();
//修改 添加设置viewpager的当前页，为了保证左右轮询
mViewPager.setCurrentItem(5000000);
注意这里，必须要在initViewPagerTag();这个方法后设置，因为监听事件里面要用mImageViewArray数组，否则会报null，就是下面这里，这里也要修改position
//滑动后的监听
@Override
public void onPageSelected(int position) {
//修改全部的position长度
intnewPosition = position % mViewList.size();
//循环设置当前页的标记图
for(int i = 0; i < mImageViewArray.length; i++) {
mImageViewArray[newPosition].setBackgroundResource(R.mipmap.viewpager_tag_on);
if(newPosition != i) {
mImageViewArray[i].setBackgroundResource(R.mipmap.viewpager_tag_off);
}
}
//判断是否最后一页，是则显示button
if(newPosition == mImageViewArray.length - 1) {
mButton.setVisibility(View.VISIBLE);
}else {
mButton.setVisibility(View.GONE);
}
}
这样，循环轮播就修改完成，还差什么？自动播放是不是，很简单，开个线程用while就行了,首先要有个标记
//循环标记
private boolean isLooper;
然后开启线程在这个位置
//加载ViewPager
initViewpager();
//加载底部圆点
initViewPagerTag();
//修改添加设置viewpager的当前页，为了保证左右轮询
mViewPager.setCurrentItem(5000000);
newThread(){
@Override
publicvoid run() {
isLooper= true;
while(isLooper){
try{
Thread.sleep(2000);
}catch (InterruptedException e) {
e.printStackTrace();
}
runOnUiThread(newRunnable() {
@Override
publicvoid run() {
//这里是设置当前页的下一页
mViewPager.setCurrentItem(mViewPager.getCurrentItem()+1);
}
});
}
}
}.start();
}
//当View销毁时要把标记置为false，否则线程会一直在后台运行
@Override
protected void onDestroy() {
super.onDestroy();
isLooper= false;
}
好了，这样就完成了一个滚动广告的显示，区别只是布局用的全屏显示，还有这里图片使用的是本地资源，实际项目中要从网络获取，使用fresco和glide来加载图片显示。
下面推荐几个开源的Binner导航，可以拿来直接用，方便大家
https://github.com/imbryk/LoopingViewPager
https://github.com/wanliyang1990/AdViewPager
https://github.com/Trinea/android-auto-scroll-view-pager
https://github.com/Jude95/RollViewPager
https://github.com/FlyRecker/FlyBanner
这里我就不一一介绍了，里面都有相关的效果演示，感兴趣的可以看看。
本文出自微信公众号mjw-java。
网友评论