BannerViewpager 实现广告轮播(定时轮播+手势滑动)

通过自定义viewpager控件实现广告页效果，能够定时翻页，动态添加item和dot数量，并封装了点击回调，功能比较完善，使用简单。

定时滚动部分使用Timer这个类

/** 处理定时滚动任务 */
@SuppressLint("HandlerLeak")
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
if(listImgs.size() == 0)
return;
  curIndex = (curIndex + 1)%listImgs.size();
setCurrentItem(curIndex);
}
};

/** 停止自动滚动任务 */
public void stopTimer() {
if (mTimer != null) {
mTimer.cancel();
mTimer = null;
}
}

/** 开始自动滚动任务 图片大于1张才滚动 */
public void startTimer() {
if (mTimer == null && listImgs.size() > 1) {
mTimer = new Timer();
mTimer.schedule(new TimerTask() {
public void run() {
handler.sendMessage(handler.obtainMessage(1));
}
}, scrollTime, scrollTime);
}
}
Timer的schedule方法来开始计时，需要传入3个参数1个TimerTask(其实是个runnable)，和两个时间的参数分别表示延迟执行task的时间和每隔多少时间执行一次，timertask就是每次需要执行的工作。
此外，timertask并不是在主线程执行，所以无法直接修改ui，所以需要写个handler来执行滑动viewpager的操作

start方法是用来初始化image并开启viewpager的任务的。

1。两个list分别表示本地的图片和服务端的图片(title，url)，在没网络，我们就加载本地图片

2.focuseId 就是小圆点显示的背景资源(它所关联的图片出于显示状态)

3.normalId 小圆点关联的图片出于隐藏状态 需要显示的背景资源

4.ovalLayout 指的是用来添加小圆点的布局，因为要根据图片资源的数量动态添加小圆点的数量

public void start(Context context, List<AdBean> list, List<AdBean> adsId, LinearLayout ovalLayout, int focusedId, int normalId){
stopTimer();
this.mContext = context;
this.mUrllist = list;
this.mAdsId = adsId;
this.mOvalLayout = ovalLayout;
this.mFocusedId = focusedId;
this.mNormalId = normalId;
this.curIndex = 0;

init();
initOvalLayout();
ImagePaperAdapter adapter = new ImagePaperAdapter(listImgs);
this.setAdapter(adapter);
this.setCurrentItem(0);
this.addOnPageChangeListener(new MyPageChangeListener(this));
startTimer();
}
private void init(){
listImgs = new ArrayList<ImageView>(); // 图片组
int len = mUrllist.size() != 0 ? mUrllist.size() : mAdsId.size();
for (int i = 0; i < len; i++) {
ImageView imageview = new ImageView(mContext); // 实例化ImageView的对象
imageview.setScaleType(ImageView.ScaleType.FIT_XY); // 设置缩放方式
imageview.setLayoutParams(new Gallery.LayoutParams( Gallery.LayoutParams.MATCH_PARENT, Gallery.LayoutParams.MATCH_PARENT));
if (mUrllist.size() == 0) {// 本地加载图片
imageview.setImageResource(Integer.valueOf(mAdsId.get(i).url)); // 为ImageView设置要显示的图片
imageview.setScaleType(ImageView.ScaleType.CENTER_CROP);
} else { // 网络加载图片
// ImageLoader.getInstance().displayImage(mUrllist.get(i).getImageUrl(), imageview, ImageLoaderUtils.getOptions());
imageview.setScaleType(ImageView.ScaleType.CENTER_CROP );
}
final int imagePosition = i;
imageview.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if(onItemClickListener != null)
onItemClickListener.onItemClick(imagePosition);
}
});
listImgs.add(imageview);
}
}

注：网络加载图片那部分代码注释掉了，大家根据自己需要添加

最后是滑动监听部分代码

private class MyPageChangeListener implements OnPageChangeListener{

boolean isAutoPlay = false;
private BannerViewPager bannerViewPager;

public MyPageChangeListener(BannerViewPager bannerViewPager){
this.bannerViewPager = bannerViewPager;
}

@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub
switch (arg0) {
case 1:// 手势滑动，空闲中
isAutoPlay = false;
System.out.println(" 手势滑动，空闲中");
break;
case 2:// 界面切换中
isAutoPlay = true;
stopTimer();
System.out.println(" 界面切换中");
break;
case 0:// 滑动结束，即切换完毕或者加载完毕
if (bannerViewPager.getCurrentItem() == bannerViewPager.getAdapter().getCount() - 1 && !isAutoPlay) {
bannerViewPager.setCurrentItem(0);
}
else if (bannerViewPager.getCurrentItem() == 0 && !isAutoPlay) {
bannerViewPager.setCurrentItem(bannerViewPager.getAdapter().getCount() - 1);
}
System.out.println(" 当前界面 " + bannerViewPager.getCurrentItem());
startTimer();
break;
}
}

@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub
}

@Override
public void onPageSelected(int pos) {
// TODO Auto-generated method stub
//这里面动态改变小圆点的被背景，来实现效果
curIndex = pos;
for(int i=0;i < listImgs.size();i++){
mOvalLayout.getChildAt(i).setBackgroundResource(mNormalId); // 圆点取消
if(i == curIndex)
mOvalLayout.getChildAt(curIndex).setBackgroundResource(mFocusedId);// 圆点选中
}
}

}

项目地址:点击打开链接