自定义控件——轮播图 ImageCycleView

1.ImageCycleView.Android
轮播图菜单，Huzz 出品。
主要是对图片的循环播放，默认播放时间3秒，可以点击控制播放。

添加JAR包

android-smart-image-view-1.0.0.jar包

1.自定义类

import android.content.Context;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.LinearLayout;import com.loopj.android.image.SmartImageView;import java.util.ArrayList;import contrl.demo.cm.android.R;/*** 广告图片自动轮播控件
**/
public class ImageCycleView extends LinearLayout {/*** 上下文*/private Context mContext;/*** 图片轮播视图** ViewPager用于实现多页面的切换效果，该类存在于Google的兼容包里面，所以* 在引用时记得在BuilldPath中加入“android-support-v4.jar”。** 使用ViewPager与ListView类似，也需要一个适配器，PagerAdapter。*/private ViewPager mAdvPager = null;/*** 滚动图片视图适配*/private ImageCycleAdapter mAdvAdapter;/*** 图片轮播指示器控件** View是所有UI组件的基类，而 ViewGroup是容纳这些组件的容器，其* 本身也是从View派生出来的.*/private ViewGroup mGroup;/*** 图片轮播指示个图*/private ImageView mImageView = null;/*** 滚动图片指示视图列表*/private ImageView[] mImageViews = null;/*** 图片滚动当前图片下标*/private boolean isStop;ArrayList imageNameList;/*** @param context*/public ImageCycleView(Context context) {super(context);}/*** @param context* @param attrs** 写在xml里的 调用2个参数的 attr里边传过来的是 xml里边对应的height width等* 参数，包括自己定义的参数，如果在xml里边写入自定义控件的话 必须要重写2个参数的构造函数*/public ImageCycleView(Context context, AttributeSet attrs) {super(context, attrs);mContext = context;LayoutInflater.from(context).inflate(R.layout.ad_cycle_view, this);mAdvPager = (ViewPager) findViewById(R.id.adv_pager);mAdvPager.setOnPageChangeListener(new GuidePageChangeListener());mAdvPager.setOnTouchListener(new OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_UP:// 开始图片滚动startImageTimerTask();break;default:// 停止图片滚动stopImageTimerTask();break;}return false;}});// 滚动图片右下指示器视mGroup = (ViewGroup) findViewById(R.id.viewGroup);}/*** 装填图片数据** @param imageUrlList* @param imageCycleViewListener*/public void setImageResources(int[] imageUrlList ,ImageCycleViewListener imageCycleViewListener){// 清除mGroup.removeAllViews();// 图片广告数量final int imageCount = imageUrlList.length;mImageViews = new ImageView[imageCount];for (int i = 0; i < imageCount; i++) {mImageView = new ImageView(mContext);LayoutParams params=new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);params.leftMargin=30;//FIT_XY不按比例缩放图片，目标是把图片塞满整个ViewmImageView.setScaleType(ScaleType.FIT_XY);mImageView.setLayoutParams(params);mImageViews[i] = mImageView;if (i == 0) {mImageViews[i].setBackgroundResource(R.mipmap.dot_gray);} else {mImageViews[i].setBackgroundResource(R.mipmap.dot_focus);}mGroup.addView(mImageViews[i]);}mAdvAdapter = new ImageCycleAdapter(mContext, imageUrlList ,imageCycleViewListener);mAdvPager.setAdapter(mAdvAdapter);startImageTimerTask();}/*** 图片轮播(手动控制自动轮播与否，便于资源控件）*/public void startImageCycle() {startImageTimerTask();}/*** 暂停轮播—用于节省资源*/public void pushImageCycle() {stopImageTimerTask();}/*** 图片滚动任务*/private void startImageTimerTask() {stopImageTimerTask();// 图片滚动mHandler.postDelayed(mImageTimerTask, 3000);}/*** 停止图片滚动任务*/private void stopImageTimerTask() {isStop=true;mHandler.removeCallbacks(mImageTimerTask);}private Handler mHandler = new Handler();/*** 图片自动轮播Task*/private Runnable mImageTimerTask = new Runnable() {@Overridepublic void run() {if (mImageViews != null) {mAdvPager.setCurrentItem(mAdvPager.getCurrentItem()+1);if(!isStop){  //if  isStop=true   //当你退出后 要把这个给停下来 不然 这个一直存在 就一直在后台循环mHandler.postDelayed(mImageTimerTask, 3000);}}}};/*** 轮播图片监听** @author minking*/private final class GuidePageChangeListener implements OnPageChangeListener {@Override/*** 此方法是在状态改变的时候调用，其中arg0这个参数有三种状态（0，1，2）。arg0 ==1的时辰默示正在滑* 动，arg0==2的时辰默示滑动完毕了，arg0==0的时辰默示什么都没做。当页面开始滑动的时候，三种状态* 的变化顺序为（1，2，0）*/public void onPageScrollStateChanged(int state) {if (state == ViewPager.SCROLL_STATE_IDLE)startImageTimerTask();}@Override/*** 当页面在滑动的时候会调用此方法，在滑动被停止之前，此方法回一直得到调用。其中三个参数的含义分别为：arg0 :当前页面，及你点击滑动的页面arg1:当前页面偏移的百分比arg2:当前页面偏移的像素位置*/public void onPageScrolled(int arg0, float arg1, int arg2) {}@Override/*** 此方法是页面跳转完后得到调用，index是你当前选中的页面的Position（位置编号）。*/public void onPageSelected(int index) {index=index%mImageViews.length;// 设置当前显示的图片// 设置图片滚动指示器背mImageViews[index].setBackgroundResource(R.mipmap.dot_gray);for (int i = 0; i < mImageViews.length; i++) {if (index != i) {mImageViews[i].setBackgroundResource(R.mipmap.dot_focus);}}}}private class ImageCycleAdapter extends PagerAdapter {/*** 图片视图缓存列表*/private ArrayList mImageViewCacheList;/*** 图片资源列表*/private int[] mAdList = new int[10];/*** 广告图片点击监听*/private ImageCycleViewListener mImageCycleViewListener;private Context mContext;public ImageCycleAdapter(Context context, int[] adList , ImageCycleViewListener imageCycleViewListener) {this.mContext = context;this.mAdList = adList;mImageCycleViewListener = imageCycleViewListener;mImageViewCacheList = new ArrayList();}@Overridepublic int getCount() {
//			return mAdList.size();return Integer.MAX_VALUE;}@Overridepublic boolean isViewFromObject(View view, Object obj) {return view == obj;}@Overridepublic Object instantiateItem(ViewGroup container, final int position) {int imageUrl = mAdList[position%mAdList.length];
//            Log.i("imageUrl",imageUrl);//smartImageVIew，支持从URL和通讯录中获取图像SmartImageView imageView = null;if (mImageViewCacheList.isEmpty()) {imageView = new SmartImageView(mContext);imageView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));//testimageView.setScaleType(ScaleType.FIT_XY);//imageView.setImageUrl("http://imgs.xiuna.com/xiezhen/2014-9-25/2/5562900520140919100645087.jpg");// 设置图片点击监听imageView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {mImageCycleViewListener.onImageClick(position%mAdList.length, v);}});}else{imageView = mImageViewCacheList.remove(0);}imageView.setTag(imageUrl);container.addView(imageView);imageView.setImageResource(imageUrl);return imageView;}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {SmartImageView view = (SmartImageView) object;mAdvPager.removeView(view);mImageViewCacheList.add(view);}}/*** 轮播控件的监听事件** @author minking*/public static interface ImageCycleViewListener {/*** 单击图片事件** @param position* @param imageView*/public void onImageClick(int position, View imageView);}}

ad_cycle_view：

XML：

MainActivity：

装填图片数据初始化:private int[] pics = {R.mipmap.ic_launcher};idViewpager.setImageResources(pics, mAdCycleViewListener);//图片点击回调
private ImageCycleView.ImageCycleViewListener mAdCycleViewListener = new ImageCycleView.ImageCycleViewListener() {@Overridepublic void onImageClick(int position, View imageView) {// TODO 单击图片处理事件switch (position){case 0:Log.e("","这是第1个");break;case 1:Log.e("","这是第2个");break;}}};//轮播图暂停
@Overrideprotected void onStop() {super.onStop();idViewpager.pushImageCycle();}