Android自动播放Banner图片轮播效果

先看一下效果图

支持本地图片以及网络图片or本地网络混合。

使用方式：

<com.jalen.autobanner.BannerView
 Android:id="@+id/banner"
 android:layout_width="match_parent"
 android:layout_height="230dip">
</com.jalen.autobanner.BannerView>

核心代码：

 int length = mList.size();
 View view = LayoutInflater.from(mContext).inflate(R.layout.banner_view,this,true);
 LinearLayout ll = (LinearLayout) view.findViewById(R.id.ll_points);
 vp= (ViewPager) view.findViewById(R.id.vp);
 ll.removeAllViews();
 LinearLayout.LayoutParams ll_parmas = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
 ll_parmas.leftMargin=5;
 ll_parmas.rightMargin=5;
 for(int i=0;i<length;i++){
  ImageView img = new ImageView(mContext);
  img.setLayoutParams(ll_parmas);
  if(i==0){
  img.setImageResource(R.mipmap.dot_focus);
  }else{
  img.setImageResource(R.mipmap.dot_blur);
  }
  ll.addView(img);
  mImgs.add(img);
  final ImageView imgforview = new ImageView(mContext);
  imgforview.setOnClickListener(this);
  imgforview.setScaleType(ImageView.ScaleType.FIT_XY);
  if(mList.get(i).getType()==0){//本地图片
  imgforview.setImageResource(mList.get(i).getDrawableforint());
  }else{//网络
  Glide.with(mContext).load(mList.get(i).getDrawableforurl()).diskCacheStrategy(DiskCacheStrategy.ALL).into(imgforview);
//  Glide.with(mContext).load(mList.get(i).getDrawableforurl()).listener(new RequestListener<String, GlideDrawable>() {
//   @Override
//   public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) {
//   Log.d("yu","Faile:"+e.toString());
//   return false;
//   }
//
//   @Override
//   public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
//    imgforview.setImageDrawable(resource);
//   return false;
//   }
//  }).into(imgforview);
//  Log.d("yu","url: "+mList.get(i).getDrawableforurl());
  }
  mViews.add(imgforview);
 }
 vp.setAdapter(new MyAdapter());
 vp.addOnPageChangeListener(onPageChange);

自动轮播利用的是handler的postdelay方法。

private Runnable task = new Runnable() {
 @Override
 public void run() {
  if(isAuto){
  currentItem = currentItem%(mViews.size());
//  Log.d("yu","runalbe "+currentItem);
  if(currentItem==0){
   vp.setCurrentItem(currentItem,false);
  }else{
   vp.setCurrentItem(currentItem);
  }
  currentItem++;
  mHandle.postDelayed(task,delaytime);
  }else{
  mHandle.postDelayed(task,delaytime);
  }
 }
 };

利用isAuto判断是否正在自动轮播 如果为false 不自动切换item。isAuto赋值操作位于OnPageChangeListener的onPageScrollStateChanged方法中：

 public void onPageScrollStateChanged(int state) {
  switch (state){
  case ViewPager.SCROLL_STATE_IDLE://用户什么都没有操作
   isAuto=true;
   currentItem = vp.getCurrentItem();
//   Log.d("yu","IDLE"+currentItem);
//   if(vp.getCurrentItem()==mViews.size()){
//   vp.setCurrentItem(0,false);
//   }
   break;
  case ViewPager.SCROLL_STATE_DRAGGING://正在滑动
   isAuto =false;
   break;
  case ViewPager.SCROLL_STATE_SETTLING://滑动结束
   isAuto=true;
   break;
  }
 }

当状态为SCROLL_STATE_DRAGGING时 说明用户正在操作 ，看下源码中的解释：

 
 public static final int SCROLL_STATE_IDLE = 0;
 
 public static final int SCROLL_STATE_DRAGGING = 1;
 
 public static final int SCROLL_STATE_SETTLING = 2;

大致意思呢就是 0代码没有任何操作。1页面正在被用户拖动。2代表成功切换至下一页面。

源码地址：https://GitHub.com/yudehai0204/autoBanner

您可能感兴趣的文章:Android实现图片轮播效果的两种方法Android实现图片轮播效果Android实现Banner界面广告图片循环轮播（包括实现手动滑动循环）Android 使用ViewPager自动滚动循环轮播效果Android使用ViewPager加载图片和轮播视频Android实现图片自动轮播并且支持手势左右无限滑动Android实现图片文字轮播特效Android实现广告图片轮播效果Android ViewPager实现图片轮播效果ViewFlipper实现文字轮播效果