java制作广告图片自动轮播控件

本文给大家分享了2款java实现的首页广告图片自动轮播的控件，分别是PC端和移动端的，效果非常不错，有需要的小伙伴可以参考下。

首页图片的轮播

1. /** 
2. * 广告图片自动轮播控件</br> 
3. *  
4. */ 
5. public class ImageCycleView extends LinearLayout { 
6. /** 
7. * 上下文 
8. */ 
9. private Context mContext; 
10. /** 
11. * 图片轮播视图 
12. */ 
13. private ViewPager mAdvPager = null; 
14. /** 
15. * 滚动图片视图适配 
16. */ 
17. private ImageCycleAdapter mAdvAdapter; 
18. /** 
19. * 图片轮播指示器控件 
20. */ 
21. private ViewGroup mGroup; 
22.  
23. /** 
24. * 图片轮播指示个图 
25. */ 
26. private ImageView mImageView = null; 
27.  
28. /** 
29. * 滚动图片指示视图列表 
30. */ 
31. private ImageView[] mImageViews = null; 
32.  
33. /** 
34. * 图片滚动当前图片下标 
35. */ 
36.  
37. private boolean isStop; 
38.  
39. /** 
40. * 游标是圆形还是长条，要是设置为0是长条，要是1就是圆形 默认是圆形 
41. */ 
42. public int stype=1; 
43.  
44. /** 
45. * @param context 
46. */ 
47. public ImageCycleView(Context context) { 
48. super(context); 
49. } 
50.  
51. /** 
52. * @param context 
53. * @param attrs 
54. */ 
55. @SuppressLint("Recycle") 
56. public ImageCycleView(Context context, AttributeSet attrs) { 
57. super(context, attrs); 
58. mContext = context; 
59. LayoutInflater.from(context).inflate(R.layout.ad_cycle_view, this); 
60. mAdvPager = (ViewPager) findViewById(R.id.adv_pager); 
61. mAdvPager.setOnPageChangeListener(new GuidePageChangeListener()); 
62. // 滚动图片右下指示器视 
63. mGroup = (ViewGroup) findViewById(R.id.viewGroup);  
64. } 
65.  
66. /** 
67. * 触摸停止计时器，抬起启动计时器 
68. */ 
69. @Override 
70. public boolean dispatchTouchEvent(MotionEvent event) { 
71. if(event.getAction()==MotionEvent.ACTION_UP){ 
72. // 开始图片滚动 
73. startImageTimerTask(); 
74. }else{ 
75. // 停止图片滚动 
76. stopImageTimerTask(); 
77. } 
78. return super.dispatchTouchEvent(event); 
79. } 
80. /** 
81. * 装填图片数据 
82. *  
83. * @param imageUrlList 
84. * @param imageCycleViewListener 
85. */ 
86. public void setImageResources(ArrayList<Integer> imageUrlList ,ImageCycleViewListener imageCycleViewListener,int stype){ 
87. this.stype=stype; 
88. // 清除 
89. mGroup.removeAllViews(); 
90. // 图片广告数量 
91. final int imageCount = imageUrlList.size(); 
92. mImageViews = new ImageView[imageCount]; 
93. for (int i = 0; i < imageCount; i++) { 
94. mImageView = new ImageView(mContext); 
95. LayoutParams params=new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); 
96. params.leftMargin=30;  
97. mImageView.setScaleType(ScaleType.CENTER_CROP); 
98. mImageView.setLayoutParams(params); 
99.  
100. mImageViews[i] = mImageView; 
101. if (i == 0) { 
102. if(this.stype==1) 
103. // mImageViews[i].setBackgroundResource(R.drawable.banner_dian_focus); 
104. mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_focus);//换点 
105. else 
106. mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_focus); 
107. } else { 
108. if(this.stype==1) 
109. // mImageViews[i].setBackgroundResource(R.drawable.banner_dian_blur); 
110. mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur); 
111. else 
112. mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur); 
113. } 
114. mGroup.addView(mImageViews[i]); 
115. } 
116.  
117. mAdvAdapter = new ImageCycleAdapter(mContext, imageUrlList ,imageCycleViewListener); 
118. mAdvPager.setAdapter(mAdvAdapter); 
119. mAdvPager.setCurrentItem(Integer.MAX_VALUE/2); 
120. startImageTimerTask(); 
121. } 
122.  
123.  
124. public void setImageResources2(ArrayList<Integer> imageUrlList ,ImageCycleViewListener imageCycleViewListener,int stype){ 
125. this.stype=stype; 
126. // 清除 
127. mGroup.removeAllViews(); 
128. // 图片广告数量 
129. final int imageCount = imageUrlList.size(); 
130. mImageViews = new ImageView[imageCount]; 
131. for (int i = 0; i < imageCount; i++) { 
132. mImageView = new ImageView(mContext); 
133. LayoutParams params=new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); 
134. params.leftMargin=30;  
135. mImageView.setScaleType(ScaleType.CENTER_CROP); 
136. mImageView.setLayoutParams(params); 
137.  
138. mImageViews[i] = mImageView; 
139. if (i == 0) { 
140. if(this.stype==1) 
141. // mImageViews[i].setBackgroundResource(R.drawable.banner_dian_focus); 
142. mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_focus);//换点 
143. else 
144. mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_focus); 
145. } else { 
146. if(this.stype==1) 
147. // mImageViews[i].setBackgroundResource(R.drawable.banner_dian_blur); 
148. mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur); 
149. else 
150. mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur); 
151. } 
152. mGroup.addView(mImageViews[i]); 
153. } 
154.  
155. mAdvAdapter = new ImageCycleAdapter(mContext, imageUrlList ,imageCycleViewListener); 
156. mAdvPager.setAdapter(mAdvAdapter); 
157. mAdvPager.setCurrentItem(Integer.MAX_VALUE/2); 
158. startImageTimerTask(); 
159. } 
160.  
161.  
162. /** 
163. * 图片轮播(手动控制自动轮播与否，便于资源控件） 
164. */ 
165. public void startImageCycle() { 
166. startImageTimerTask(); 
167. } 
168.  
169. /** 
170. * 暂停轮播—用于节省资源 
171. */ 
172. public void pushImageCycle() { 
173. stopImageTimerTask(); 
174. } 
175.  
176. /** 
177. * 图片滚动任务 
178. */ 
179. private void startImageTimerTask() { 
180. stopImageTimerTask(); 
181. // 图片滚动 
182. mHandler.postDelayed(mImageTimerTask, 5000); 
183. } 
184.  
185. /** 
186. * 停止图片滚动任务 
187. */ 
188. private void stopImageTimerTask() { 
189. isStop=true; 
190. mHandler.removeCallbacks(mImageTimerTask); 
191. } 
192.  
193. private Handler mHandler = new Handler(); 
194.  
195. /** 
196. * 图片自动轮播Task 
197. */ 
198. private Runnable mImageTimerTask = new Runnable() { 
199. @Override 
200. public void run() { 
201. if (mImageViews != null) { 
202. mAdvPager.setCurrentItem(mAdvPager.getCurrentItem()+1); 
203. if(!isStop){ //if isStop=true //当你退出后 要把这个给停下来 不然 这个一直存在 就一直在后台循环  
204. mHandler.postDelayed(mImageTimerTask, 5000); 
205. } 
206.  
207. } 
208. } 
209. }; 
210.  
211. /** 
212. * 轮播图片监听 
213. *  
214. * @author minking 
215. */ 
216. private final class GuidePageChangeListener implements OnPageChangeListener { 
217. @Override 
218. public void onPageScrollStateChanged(int state) { 
219. if (state == ViewPager.SCROLL_STATE_IDLE) 
220. startImageTimerTask();  
221. } 
222. @Override 
223. public void onPageScrolled(int arg0, float arg1, int arg2) { 
224. } 
225. @Override 
226. public void onPageSelected(int index) { 
227. index=index%mImageViews.length; 
228. // 设置当前显示的图片 
229. // 设置图片滚动指示器背 
230. if(stype!=1) 
231. mImageViews[index].setBackgroundResource(R.drawable.cicle_banner_dian_focus); 
232. else 
233. mImageViews[index].setBackgroundResource(R.drawable.cicle_banner_dian_focus); 
234. for (int i = 0; i < mImageViews.length; i++) { 
235. if (index != i) { 
236. if(stype!=1) 
237. mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur); 
238. else 
239. mImageViews[i].setBackgroundResource(R.drawable.cicle_banner_dian_blur); 
240. } 
241. } 
242. } 
243. } 
244.  
245. private class ImageCycleAdapter extends PagerAdapter { 
246.  
247. /** 
248. * 图片视图缓存列表 
249. */ 
250. private ArrayList<SmartImageView> mImageViewCacheList; 
251.  
252. /** 
253. * 图片资源列表 
254. */ 
255. //private ArrayList<String> mAdList = new ArrayList<String>(); 
256. private ArrayList<Integer> mAdList = new ArrayList<Integer>(); 
257.  
258. /** 
259. * 广告图片点击监听 
260. */ 
261. private ImageCycleViewListener mImageCycleViewListener; 
262.  
263. private Context mContext; 
264. // public ImageCycleAdapter(Context context, ArrayList<String> adList , ImageCycleViewListener imageCycleViewListener) { 
265. // this.mContext = context; 
266. // this.mAdList = adList; 
267. // mImageCycleViewListener = imageCycleViewListener; 
268. // mImageViewCacheList = new ArrayList<SmartImageView>(); 
269. // } 
270. public ImageCycleAdapter(Context context, ArrayList<Integer> adList , ImageCycleViewListener imageCycleViewListener) { 
271. this.mContext = context; 
272. this.mAdList = adList; 
273. mImageCycleViewListener = imageCycleViewListener; 
274. mImageViewCacheList = new ArrayList<SmartImageView>(); 
275. } 
276.  
277. @Override 
278. public int getCount() { 
279. return Integer.MAX_VALUE; 
280. } 
281. @Override 
282. public boolean isViewFromObject(View view, Object obj) { 
283. return view == obj; 
284. } 
285. @Override 
286. public Object instantiateItem(ViewGroup container, final int position) { 
287. int imageUrl = mAdList.get(position%mAdList.size()); 
288. Log.e("imageUrl:",position%mAdList.size()+"--"+imageUrl+""); 
289. SmartImageView imageView = null; 
290. if (mImageViewCacheList.isEmpty()) { 
291. imageView = new SmartImageView(mContext); 
292. imageView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); 
293.  
294. //test 
295. imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); 
296.  
297. }  
298. else { 
299. imageView = mImageViewCacheList.remove(0); 
300. } 
301. imageView.setTag(imageUrl); 
302. container.addView(imageView); 
303. //imageView.setImageUrl(imageUrl); 
304. imageView.setBackgroundResource(imageUrl); 
305. // 设置图片点击监听 
306. imageView.setOnClickListener(new OnClickListener() { 
307. @Override 
308. public void onClick(View v) { 
309. mImageCycleViewListener.onImageClick(position%mAdList.size(), v); 
310. } 
311. }); 
312. return imageView; 
313. } 
314.  
315. @Override 
316. public void destroyItem(ViewGroup container, int position, Object object) { 
317. SmartImageView view = (SmartImageView) object; 
318. mAdvPager.removeView(view); 
319. mImageViewCacheList.add(view); 
320.  
321. } 
322.  
323. } 
324.  
325. /** 
326. * 轮播控件的监听事件 
327. *  
328. * @author minking 
329. */ 
330. public static interface ImageCycleViewListener { 
331.  
332. /** 
333. * 单击图片事件 
334. *  
335. * @param position 
336. * @param imageView 
337. */ 
338. public void onImageClick(int position, View imageView); 
339. } 
340.  
341. } 

我们再来看个基于安卓ViewPager的图片轮播控件

1. package me.lanfog.myandroid.widget; 
2.  
3. import java.util.ArrayList; 
4. import java.util.List; 
5.  
6. import android.content.Context; 
7. import android.os.Handler; 
8. import android.os.Message; 
9. import android.support.v4.view.PagerAdapter; 
10. import android.support.v4.view.ViewPager; 
11. import android.util.AttributeSet; 
12. import android.util.Log; 
13. import android.view.View; 
14. import android.view.ViewGroup; 
15. import android.widget.ImageView; 
16.  
17. public class PageFlipper extends ViewPager { 
18.  
19. private String TAG = PageFlipper.class.getSimpleName(); 
20.  
21. private List<View> views; 
22. private PagerAdapter adapter = new PagerAdapter() { 
23.  
24. @Override 
25. public Object instantiateItem(ViewGroup container, int position) { 
26. View v = views.get(position); 
27. container.addView(v); 
28. return v; 
29. } 
30.  
31. @Override 
32. public boolean isViewFromObject(View arg0, Object arg1) { 
33. return arg0 == arg1; 
34. } 
35.  
36. @Override 
37. public int getItemPosition(Object object) { 
38. return views.indexOf(object); 
39. } 
40.  
41. @Override 
42. public void destroyItem(ViewGroup container, int position, Object object) { 
43. container.removeView((View)object); 
44. } 
45.  
46. @Override 
47. public int getCount() { 
48. return views == null ? 0 : views.size(); 
49. } 
50. }; 
51. private OnPageChangeListener listener = new OnPageChangeListener() { 
52.  
53. /** 
54. * 将控件位置转化为数据集中的位置  
55. */ 
56. public int convert(int position){ 
57. return position == 0 ? views.size()-1 : ( position > views.size() ? 0 : position-1 ); 
58. } 
59.  
60. @Override 
61. public void onPageSelected(int position) { 
62. if(listener2 != null){ 
63. listener2.onPageSelected(convert(position)); 
64. } 
65. } 
66.  
67. @Override 
68. public void onPageScrolled(int position, float percent, int offset) { 
69. if(listener2 != null){ 
70. listener2.onPageScrolled(convert(position), percent, offset); 
71. } 
72.  
73. if(percent == 0){ 
74. if(position == 0) // 切换到倒数第二页 
75. setCurrentItem(( views.size() - 2 ) % views.size(), false); 
76. else if(position == views.size() - 1) // 切换到正数第二页 
77. setCurrentItem(1, false); 
78. } 
79. } 
80.  
81. @Override 
82. public void onPageScrollStateChanged(int state) { 
83. if(listener2 != null){ 
84. listener2.onPageScrollStateChanged(state); 
85. } 
86.  
87. switch (state) { 
88. case SCROLL_STATE_IDLE: // 闲置 
89.  
90. if(!handler.hasMessages(START_FLIPPING)) 
91. handler.sendEmptyMessageDelayed(START_FLIPPING, 3000); // 延时滚动 
92.  
93. break; 
94. case SCROLL_STATE_DRAGGING: // 拖动中 
95.  
96. handler.sendEmptyMessage(STOP_FLIPPING); // 取消滚动 
97.  
98. break; 
99. case SCROLL_STATE_SETTLING: // 拖动结束 
100. break; 
101. } 
102. } 
103. }, listener2; 
104.  
105. private final int START_FLIPPING = 0;  
106. private final int STOP_FLIPPING = 1;  
107.  
108. private Handler handler = new Handler(){ 
109.  
110. public void handleMessage(Message msg) { 
111.  
112. switch (msg.what) { 
113. case START_FLIPPING: 
114.  
115. if(views.size() > 3) // 因为前后页是辅助页，所以此处3也就是只有1页 
116. setCurrentItem((getCurrentItem() + 1) % views.size()); 
117.  
118. handler.sendEmptyMessageDelayed(START_FLIPPING, 3000); // 延时滚动 
119.  
120. break; 
121. case STOP_FLIPPING: 
122.  
123. handler.removeMessages(START_FLIPPING); 
124.  
125. break; 
126. } 
127. } 
128. }; 
129.  
130. public PageFlipper(Context context, AttributeSet attrs) { 
131. super(context, attrs); 
132. init(); 
133. } 
134.  
135. public PageFlipper(Context context) { 
136. super(context); 
137. init(); 
138. } 
139.  
140. private void init(){ 
141.  
142. setOffscreenPageLimit(1); // 最大页面缓存数量 
143. setAdapter(adapter); // 适配器 
144. super.setOnPageChangeListener(listener); // 监听器 
145.  
146. handler.sendEmptyMessageDelayed(START_FLIPPING, 3000); // 延时滚动 
147. } 
148.  
149. public void setViews(int[] ids){ 
150. this.views = new ArrayList<View>(); 
151. for(int i=0;i<ids.length+2;i++){ // 头部新增一个尾页，尾部新增一个首页 
152.  
153. ImageView iv = new ImageView(getContext()); 
154. iv.setImageResource(ids[i == 0 ? ids.length-1 : ( i > ids.length ? 0 : i-1 )]); 
155. iv.setScaleType(ImageView.ScaleType.FIT_XY); 
156. this.views.add(iv);  
157. } 
158. setCurrentItem(1); // 首页 
159. this.adapter.notifyDataSetChanged(); 
160. } 
161.  
162. @Override 
163. public void setOnPageChangeListener(OnPageChangeListener listener) { 
164. this.listener2 = listener; 
165. } 
166.  
167. }