java制作广告图片自动轮播控件
投稿：hebedich
本文给大家分享了2款java实现的首页广告图片自动轮播的控件，分别是PC端和移动端的，效果非常不错，有需要的小伙伴可以参考下。
首页图片的轮播
/**
* 广告图片自动轮播控件</br>
*
*/
public class ImageCycleView extends LinearLayout {
/**
* 上下文
*/
private Context mContext;
/**
* 图片轮播视图
*/
private ViewPager mAdvPager = null;
/**
* 滚动图片视图适配
*/
private ImageCycleAdapter mAdvAdapter;
/**
* 图片轮播指示器控件
*/
private ViewGroup mGroup;
/**
* 图片轮播指示个图
*/
private ImageView mImageView = null;
/**
* 滚动图片指示视图列表
*/
private ImageView[] mImageViews = null;
/**
* 图片滚动当前图片下标
*/
private boolean isStop;
/**
* 游标是圆形还是长条，要是设置为0是长条，要是1就是圆形 默认是圆形
*/
public int stype=1;
/**
* @param context
*/
public ImageCycleView(Context context) {
super(context);
}
/**
* @param context
* @param attrs
*/
@SuppressLint("Recycle")
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());
// 滚动图片右下指示器视
mGroup = (ViewGroup) findViewById(R.id.viewGroup);
}
/**
* 触摸停止计时器，抬起启动计时器
*/
@Override
public boolean dispatchTouchEvent(MotionEvent event) {
if(event.getAction()==MotionEvent.ACTION_UP){
// 开始图片滚动
startImageTimerTask();
}else{
// 停止图片滚动
stopImageTimerTask();
}
return super.dispatchTouchEvent(event);
}
/**
* 装填图片数据
*
* @param imageUrlList
* @param imageCycleViewListener
*/
public void setImageResources(ArrayList<Integer> imageUrlList ,ImageCycleViewListener imageCycleViewListener,int stype){
this.stype=stype;
// 清除
mGroup.removeAllViews();
// 图片广告数量
final int imageCount = imageUrlList.size();
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;
mImageView.setScaleType(ScaleType.CENTER_CROP);
mImageView.setLayoutParams(params);
mImageViews[i] = mImageView;
if (i == 0) {
if(this.stype==1)
// mImageViews[i].setBackgroundResource(R.drawable.banner_dian_focus);
mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_focus);//换点
else
mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_focus);
} else {
if(this.stype==1)
// mImageViews[i].setBackgroundResource(R.drawable.banner_dian_blur);
mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur);
else
mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur);
}
mGroup.addView(mImageViews[i]);
}
mAdvAdapter = new ImageCycleAdapter(mContext, imageUrlList ,imageCycleViewListener);
mAdvPager.setAdapter(mAdvAdapter);
mAdvPager.setCurrentItem(Integer.MAX_VALUE/2);
startImageTimerTask();
}
public void setImageResources2(ArrayList<Integer> imageUrlList ,ImageCycleViewListener imageCycleViewListener,int stype){
this.stype=stype;
// 清除
mGroup.removeAllViews();
// 图片广告数量
final int imageCount = imageUrlList.size();
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;
mImageView.setScaleType(ScaleType.CENTER_CROP);
mImageView.setLayoutParams(params);
mImageViews[i] = mImageView;
if (i == 0) {
if(this.stype==1)
// mImageViews[i].setBackgroundResource(R.drawable.banner_dian_focus);
mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_focus);//换点
else
mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_focus);
} else {
if(this.stype==1)
// mImageViews[i].setBackgroundResource(R.drawable.banner_dian_blur);
mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur);
else
mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur);
}
mGroup.addView(mImageViews[i]);
}
mAdvAdapter = new ImageCycleAdapter(mContext, imageUrlList ,imageCycleViewListener);
mAdvPager.setAdapter(mAdvAdapter);
mAdvPager.setCurrentItem(Integer.MAX_VALUE/2);
startImageTimerTask();
}
/**
* 图片轮播(手动控制自动轮播与否，便于资源控件）
*/
public void startImageCycle() {
startImageTimerTask();
}
/**
* 暂停轮播—用于节省资源
*/
public void pushImageCycle() {
stopImageTimerTask();
}
/**
* 图片滚动任务
*/
private void startImageTimerTask() {
stopImageTimerTask();
// 图片滚动
mHandler.postDelayed(mImageTimerTask, 5000);
}
/**
* 停止图片滚动任务
*/
private void stopImageTimerTask() {
isStop=true;
mHandler.removeCallbacks(mImageTimerTask);
}
private Handler mHandler = new Handler();
/**
* 图片自动轮播Task
*/
private Runnable mImageTimerTask = new Runnable() {
@Override
public void run() {
if (mImageViews != null) {
mAdvPager.setCurrentItem(mAdvPager.getCurrentItem()+1);
if(!isStop){ //if isStop=true //当你退出后 要把这个给停下来 不然 这个一直存在 就一直在后台循环
mHandler.postDelayed(mImageTimerTask, 5000);
}
}
}
};
/**
* 轮播图片监听
*
* @author minking
*/
private final class GuidePageChangeListener implements OnPageChangeListener {
@Override
public void onPageScrollStateChanged(int state) {
if (state == ViewPager.SCROLL_STATE_IDLE)
startImageTimerTask();
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageSelected(int index) {
index=index%mImageViews.length;
// 设置当前显示的图片
// 设置图片滚动指示器背
if(stype!=1)
mImageViews[index].setBackgroundResource(R.drawable.cicle_banner_dian_focus);
else
mImageViews[index].setBackgroundResource(R.drawable.cicle_banner_dian_focus);
for (int i = 0; i < mImageViews.length; i++) {
if (index != i) {
if(stype!=1)
mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur);
else
mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur);
}
}
}
}
private class ImageCycleAdapter extends PagerAdapter {
/**
* 图片视图缓存列表
*/
private ArrayList<SmartImageView> mImageViewCacheList;
/**
* 图片资源列表
*/
//private ArrayList<String> mAdList = new ArrayList<String>();
private ArrayList<Integer> mAdList = new ArrayList<Integer>();
/**
* 广告图片点击监听
*/
private ImageCycleViewListener mImageCycleViewListener;
private Context mContext;
// public ImageCycleAdapter(Context context, ArrayList<String> adList , ImageCycleViewListener imageCycleViewListener) {
// this.mContext = context;
// this.mAdList = adList;
// mImageCycleViewListener = imageCycleViewListener;
// mImageViewCacheList = new ArrayList<SmartImageView>();
// }
public ImageCycleAdapter(Context context, ArrayList<Integer> adList , ImageCycleViewListener imageCycleViewListener) {
this.mContext = context;
this.mAdList = adList;
mImageCycleViewListener = imageCycleViewListener;
mImageViewCacheList = new ArrayList<SmartImageView>();
}
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View view, Object obj) {
return view == obj;
}
@Override
public Object instantiateItem(ViewGroup container, final int position) {
int imageUrl = mAdList.get(position%mAdList.size());
Log.e("imageUrl:",position%mAdList.size()+"--"+imageUrl+"");
SmartImageView imageView = null;
if (mImageViewCacheList.isEmpty()) {
imageView = new SmartImageView(mContext);
imageView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
//test
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
}
else {
imageView = mImageViewCacheList.remove(0);
}
imageView.setTag(imageUrl);
container.addView(imageView);
//imageView.setImageUrl(imageUrl);
imageView.setBackgroundResource(imageUrl);
// 设置图片点击监听
imageView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mImageCycleViewListener.onImageClick(position%mAdList.size(), v);
}
});
return imageView;
}
@Override
public 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);
}
}
我们再来看个基于安卓ViewPager的图片轮播控件
package me.lanfog.myandroid.widget;
import java.util.ArrayList;
import java.util.List;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
public class PageFlipper extends ViewPager {
private String TAG = PageFlipper.class.getSimpleName();
private List<View> views;
private PagerAdapter adapter = new PagerAdapter() {
@Override
public Object instantiateItem(ViewGroup container, int position) {
View v = views.get(position);
container.addView(v);
return v;
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
@Override
public int getItemPosition(Object object) {
return views.indexOf(object);
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View)object);
}
@Override
public int getCount() {
return views == null ? 0 : views.size();
}
};
private OnPageChangeListener listener = new OnPageChangeListener() {
/**
* 将控件位置转化为数据集中的位置
*/
public int convert(int position){
return position == 0 ? views.size()-1 : ( position > views.size() ? 0 : position-1 );
}
@Override
public void onPageSelected(int position) {
if(listener2 != null){
listener2.onPageSelected(convert(position));
}
}
@Override
public void onPageScrolled(int position, float percent, int offset) {
if(listener2 != null){
listener2.onPageScrolled(convert(position), percent, offset);
}
if(percent == 0){
if(position == 0) // 切换到倒数第二页
setCurrentItem(( views.size() - 2 ) % views.size(), false);
else if(position == views.size() - 1) // 切换到正数第二页
setCurrentItem(1, false);
}
}
@Override
public void onPageScrollStateChanged(int state) {
if(listener2 != null){
listener2.onPageScrollStateChanged(state);
}
switch (state) {
case SCROLL_STATE_IDLE: // 闲置
if(!handler.hasMessages(START_FLIPPING))
handler.sendEmptyMessageDelayed(START_FLIPPING, 3000); // 延时滚动
break;
case SCROLL_STATE_DRAGGING: // 拖动中
handler.sendEmptyMessage(STOP_FLIPPING); // 取消滚动
break;
case SCROLL_STATE_SETTLING: // 拖动结束
break;
}
}
}, listener2;
private final int START_FLIPPING = 0;
private final int STOP_FLIPPING = 1;
private Handler handler = new Handler(){
public void handleMessage(Message msg) {
switch (msg.what) {
case START_FLIPPING:
if(views.size() > 3) // 因为前后页是辅助页，所以此处3也就是只有1页
setCurrentItem((getCurrentItem() + 1) % views.size());
handler.sendEmptyMessageDelayed(START_FLIPPING, 3000); // 延时滚动
break;
case STOP_FLIPPING:
handler.removeMessages(START_FLIPPING);
break;
}
}
};
public PageFlipper(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public PageFlipper(Context context) {
super(context);
init();
}
private void init(){
setOffscreenPageLimit(1); // 最大页面缓存数量
setAdapter(adapter); // 适配器
super.setOnPageChangeListener(listener); // 监听器
handler.sendEmptyMessageDelayed(START_FLIPPING, 3000); // 延时滚动
}
public void setViews(int[] ids){
this.views = new ArrayList<View>();
for(int i=0;i<ids.length+2;i++){ // 头部新增一个尾页，尾部新增一个首页
ImageView iv = new ImageView(getContext());
iv.setImageResource(ids[i == 0 ? ids.length-1 : ( i > ids.length ? 0 : i-1 )]);
iv.setScaleType(ImageView.ScaleType.FIT_XY);
this.views.add(iv);
}
setCurrentItem(1); // 首页
this.adapter.notifyDataSetChanged();
}
@Override
public void setOnPageChangeListener(OnPageChangeListener listener) {
this.listener2 = listener;
}
}