app开发

分享一下安卓开发中自动轮播Binner导航实现和开源推荐

2016-07-12  本文已影响390人  磨砺营IT

前两天我给大家用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。

上一篇下一篇

猜你喜欢

热点阅读