自定义广告轮播

• 自定义控件ImageCycleView
• 每个广告页的对象（包含具体显示图片、内容、id等）
  

  ---

  自定义广告控件 ImageCycleView

package com.changyu.ccfunding.ui.widget;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.LinearLayout;import com.changyu.ccfunding.R;
import com.changyu.ccfunding.entity.ADInfo;import java.util.ArrayList;/*** 广告图片自动轮播控件</br>* * <pre>*   集合ViewPager和指示器的一个轮播控件，主要用于一般常见的广告图片轮播，具有自动轮播和手动轮播功能 *   使用：只需在xml文件中使用{@code <com.minking.imagecycleview.ImageCycleView/>} ，*   然后在页面中调用  {@link #setImageResources(ArrayList, ImageCycleViewListener) }即可!*   *   另外提供{@link #startImageCycle() } \ {@link #pushImageCycle() }两种方法，用于在Activity不可见之时节省资源；*   因为自动轮播需要进行控制，有利于内存管理* </pre>* */
public class ImageCycleView extends LinearLayout {/*** 上下文*/private Context mContext;/*** 图片轮播视图*/private CycleViewPager mBannerPager = null;/*** 滚动图片视图适配器*/private ImageCycleAdapter mAdvAdapter;/*** 图片轮播指示器控件*/private ViewGroup mGroup;/*** 图片轮播指示器-个图*/private ImageView mImageView = null;/*** 滚动图片指示器-视图列表*/private ImageView[] mImageViews = null;/*** 图片滚动当前图片下标*/private int mImageIndex = 1;/*** 手机密度*/private float mScale;/*** @param context*/public ImageCycleView(Context context) {super(context);}/*** @param context* @param attrs*/public ImageCycleView(Context context, AttributeSet attrs) {super(context, attrs);mContext = context;mScale = context.getResources().getDisplayMetrics().density;LayoutInflater.from(context).inflate(R.layout.view_banner_content, this);mBannerPager = (CycleViewPager) findViewById(R.id.pager_banner);mBannerPager.setOnPageChangeListener(new GuidePageChangeListener());mBannerPager.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 infoList* @param imageCycleViewListener*/public void setImageResources(ArrayList<ADInfo> infoList, ImageCycleViewListener imageCycleViewListener) {// 清除所有子视图mGroup.removeAllViews();// 图片广告数量final int imageCount = infoList.size();mImageViews = new ImageView[imageCount];for (int i = 0; i < imageCount; i++) {mImageView = new ImageView(mContext);int imageParams = (int) (mScale * 20 + 0.5f);// XP与DP转换，适应不同分辨率int imagePadding = (int) (mScale * 5 + 0.5f);LinearLayout.LayoutParams layout = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);layout.setMargins(3, 0, 3, 0);mImageView.setLayoutParams(layout);//mImageView.setPadding(imagePadding, imagePadding, imagePadding, imagePadding);mImageViews[i] = mImageView;if (i == 0) {mImageViews[i].setBackgroundResource(R.drawable.icon_point_pre);} else {mImageViews[i].setBackgroundResource(R.drawable.icon_point);}mGroup.addView(mImageViews[i]);}mAdvAdapter = new ImageCycleAdapter(mContext, infoList, imageCycleViewListener);mBannerPager.setAdapter(mAdvAdapter);startImageTimerTask();}/*** 开始轮播(手动控制自动轮播与否，便于资源控制)*/public void startImageCycle() {startImageTimerTask();}/*** 暂停轮播——用于节省资源*/public void pushImageCycle() {stopImageTimerTask();}/*** 开始图片滚动任务*/private void startImageTimerTask() {stopImageTimerTask();// 图片每3秒滚动一次mHandler.postDelayed(mImageTimerTask, 3000);}/*** 停止图片滚动任务*/private void stopImageTimerTask() {mHandler.removeCallbacks(mImageTimerTask);}private Handler mHandler = new Handler();/*** 图片自动轮播Task*/private Runnable mImageTimerTask = new Runnable() {@Overridepublic void run() {if (mImageViews != null) {// 下标等于图片列表长度说明已滚动到最后一张图片,重置下标if ((++mImageIndex) == mImageViews.length + 1) {mImageIndex = 1;}mBannerPager.setCurrentItem(mImageIndex);}}};/*** 轮播图片状态监听器* * @author minking*/private final class GuidePageChangeListener implements OnPageChangeListener {@Overridepublic void onPageScrollStateChanged(int state) {if (state == ViewPager.SCROLL_STATE_IDLE)startImageTimerTask(); // 开始下次计时}@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {}@Overridepublic void onPageSelected(int index) {if (index == 0 || index == mImageViews.length + 1) {return;}// 设置图片滚动指示器背景mImageIndex = index;index -= 1;mImageViews[index].setBackgroundResource(R.drawable.icon_point_pre);for (int i = 0; i < mImageViews.length; i++) {if (index != i) {mImageViews[i].setBackgroundResource(R.drawable.icon_point);}}}}private class ImageCycleAdapter extends PagerAdapter {/*** 图片视图缓存列表*/private ArrayList<ImageView> mImageViewCacheList;/*** 图片资源列表*/private ArrayList<ADInfo> mAdList = new ArrayList<ADInfo>();/*** 广告图片点击监听器*/private ImageCycleViewListener mImageCycleViewListener;private Context mContext;public ImageCycleAdapter(Context context, ArrayList<ADInfo> adList, ImageCycleViewListener imageCycleViewListener) {mContext = context;mAdList = adList;mImageCycleViewListener = imageCycleViewListener;mImageViewCacheList = new ArrayList<ImageView>();}@Overridepublic int getCount() {return mAdList.size();}@Overridepublic boolean isViewFromObject(View view, Object obj) {return view == obj;}@Overridepublic Object instantiateItem(ViewGroup container, final int position) {String imageUrl = mAdList.get(position).getUrl();ImageView imageView = null;if (mImageViewCacheList.isEmpty()) {imageView = new ImageView(mContext);imageView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));imageView.setScaleType(ImageView.ScaleType.FIT_XY);} else {imageView = mImageViewCacheList.remove(0);}// 设置图片点击监听imageView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {mImageCycleViewListener.onImageClick(mAdList.get(position),position, v);}});imageView.setTag(imageUrl);container.addView(imageView);mImageCycleViewListener.displayImage(imageUrl, imageView);return imageView;}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {ImageView view = (ImageView) object;container.removeView(view);mImageViewCacheList.add(view);}}/*** 轮播控件的监听事件* * @author minking*/public static interface ImageCycleViewListener {/*** 加载图片资源* * @param imageURL* @param imageView*/public void displayImage(String imageURL, ImageView imageView);/*** 单击图片事件* * @param info* @param imageView*/public void onImageClick(ADInfo info, int postion, View imageView);}}

每个广告页的对象

package com.changyu.ccfunding.entity;/*** 描述：广告信息</br>** @author Eden Cheng</br>* @version 2015年4月23日 上午11:32:53*/
public class ADInfo {String id = "";String url = "";String content = "";String type = "";public String getId() {return id;}public void setId(String id) {this.id = id;}public String getUrl() {return url;}public void setUrl(String url) {this.url = url;}public String getContent() {return content;}public void setContent(String content) {this.content = content;}public String getType() {return type;}public void setType(String type) {this.type = type;}}

主函数FirstFragment.java

• 填充Arrylist<ADinfo>数组
• 实现ImageCycleView控件中的ImageCycleViewListener监听（其中包括每一页的点击事件和图片加载（Pcasso图片加载））

package com.changyu.ccfunding.ui.fragment;import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;import com.changyu.ccfunding.R;
import com.changyu.ccfunding.entity.ADInfo;
import com.changyu.ccfunding.ui.base.BaseFragment;
import com.changyu.ccfunding.ui.widget.ImageCycleView;
import com.changyu.ccfunding.ui.widget.ImageCycleView.ImageCycleViewListener;
import com.squareup.picasso.Picasso;import org.xutils.view.annotation.ContentView;
import org.xutils.view.annotation.ViewInject;import java.util.ArrayList;/*** Created by Administrator on 2016/7/11.*/@ContentView(R.layout.fragment_first)
public class FirstFragment extends BaseFragment {@ViewInject(R.id.ad_view)private ImageCycleView mAdView;private ArrayList<ADInfo> infos = new ArrayList<ADInfo>();private String[] imageUrls = {"http://pic30.nipic.com/20130626/8174275_085522448172_2.jpg","http://pic30.nipic.com/20130626/8174275_085522448172_2.jpg","http://pic30.nipic.com/20130626/8174275_085522448172_2.jpg","http://pic30.nipic.com/20130626/8174275_085522448172_2.jpg","http://pic30.nipic.com/20130626/8174275_085522448172_2.jpg",};@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);for (int i = 0; i < imageUrls.length; i++) {ADInfo info = new ADInfo();info.setUrl(imageUrls[i]);info.setContent("top-->" + i);infos.add(info);}}@Overridepublic void onViewCreated(View view, Bundle savedInstanceState) {super.onViewCreated(view, savedInstanceState);mAdView.setImageResources(infos, mAdCycleViewListener);}private ImageCycleViewListener mAdCycleViewListener = new ImageCycleViewListener() {@Overridepublic void onImageClick(ADInfo info, int position, View imageView) {Toast.makeText(getActivity(), "content->" + info.getContent(), Toast.LENGTH_SHORT).show();}@Overridepublic void displayImage(String imageURL, ImageView imageView) {Picasso.with(getActivity()).load(imageURL).into(imageView);
//            ImageLoader.getInstance().displayImage(imageURL, imageView);// 使用ImageLoader对图片进行加装！}};@Overridepublic void onResume() {super.onResume();mAdView.startImageCycle();}@Overridepublic void onPause() {super.onPause();mAdView.pushImageCycle();}@Overridepublic void onDestroy() {super.onDestroy();mAdView.pushImageCycle();}
}