ViewPager实现广告轮播

使用V4包中的viewPaper组件自定义轮播广告条效果。

实现viewpaper的滑动切换和定时自动切换效果。

上效果图

布局文件

[html]  view plain copy print ?

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.   
6.     tools:context=".MainActivity" >  
7.   
8.     <android.support.v4.view.ViewPager  
9.         android:id="@+id/viewpaper"  
10.         android:layout_width="fill_parent"  
11.         android:layout_height="200dp" >  
12.     </android.support.v4.view.ViewPager>  
13.   
14.     <LinearLayout  
15.         android:gravity="center_horizontal"  
16.         android:id="@+id/ll_footer"  
17.         android:layout_width="fill_parent"  
18.         android:layout_height="wrap_content"  
19.         android:layout_alignBottom="@id/viewpaper"  
20.         android:background="#33000000"  
21.         android:orientation="vertical" >  
22.   
23.         <TextView  
24.             android:id="@+id/tv_imageDesc"  
25.             android:layout_width="wrap_content"  
26.             android:layout_height="wrap_content" />  
27.   
28.         <LinearLayout  
29.               
30.             android:id="@+id/ll_pointGroup"  
31.             android:layout_width="wrap_content"  
32.             android:layout_height="wrap_content"  
33.             android:orientation="horizontal" >  
34.   
35.         </LinearLayout>  
36.     </LinearLayout>  
37.   
38. </RelativeLayout>  

还有一个selector

[html]  view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3.   
4.     <item android:drawable="@drawable/indicators_now" android:state_enabled="true"></item>  
5.     <item android:drawable="@drawable/indicators_default" android:state_enabled="false"></item>  
6.   
7. </selector>  

class文件

[java]  view plain copy print ?

1. package com.example.viewpaperdemo;  
2.   
3. import java.util.ArrayList;  
4. import java.util.List;  
5.   
6. import android.app.Activity;  
7. import android.os.Bundle;  
8. import android.os.Handler;  
9. import android.os.Message;  
10. import android.support.v4.view.PagerAdapter;  
11. import android.support.v4.view.ViewPager;  
12. import android.support.v4.view.ViewPager.OnPageChangeListener;  
13. import android.view.View;  
14. import android.view.ViewGroup;  
15. import android.widget.ImageView;  
16. import android.widget.LinearLayout;  
17. import android.widget.TextView;  
18.   
19. public class MainActivity extends Activity {  
20.   private ViewPager viewpaper;  
21.   private TextView tv_imageDesc;  
22.   private LinearLayout ll_pointGroup;  
23.   private List<ImageView> imageList;  
24.   // 图片资源ID  
25.   private final int[] imageIds = { R.drawable.a, R.drawable.b, R.drawable.c, R.drawable.d, R.drawable.e };  
26.   
27.   // 图片标题集合  
28.   private final String[] imageDescriptions = { "巩俐不低俗，我就不能低俗", "扑树又回来啦！再唱经典老歌引万人大合唱", "揭秘北京电影如何升级", "乐视网TV版大派送",  
29.       "热血屌丝的反杀" };  
30.   protected int lastPosition;  
31.   
32.   @Override  
33.   protected void onCreate(Bundle savedInstanceState) {  
34.     super.onCreate(savedInstanceState);  
35.     setContentView(R.layout.activity_main);  
36.     viewpaper = (ViewPager) findViewById(R.id.viewpaper);  
37.     tv_imageDesc = (TextView) findViewById(R.id.tv_imageDesc);  
38.     ll_pointGroup = (LinearLayout) findViewById(R.id.ll_pointGroup);  
39.     tv_imageDesc.setText(imageDescriptions[0]);  
40.   
41.     imageList = new ArrayList<ImageView>();  
42.     for (int i = 0; i < imageIds.length; i++) {  
43.       ImageView imageView = new ImageView(MainActivity.this);  
44.       imageView.setImageResource(imageIds[i]);  
45.       imageList.add(imageView);  
46.   
47.       // 添加指示点  
48.       ImageView point = new ImageView(this);  
49.       LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,  
50.           LinearLayout.LayoutParams.WRAP_CONTENT);  
51.   
52.       params.rightMargin = 15;  
53.       point.setLayoutParams(params);  
54.   
55.       point.setBackgroundResource(R.drawable.doet);  
56.       if (i == 0) {  
57.         point.setEnabled(true);  
58.       } else {  
59.         point.setEnabled(false);  
60.       }  
61.       ll_pointGroup.addView(point);  
62.     }  
63.   
64.     // 设置适配器  
65.     viewpaper.setAdapter(new MyAdapter());  
66.     // 初始化位置  
67.     viewpaper.setCurrentItem(Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % imageList.size()));  
68.     // 设置监听  
69.     viewpaper.setOnPageChangeListener(new OnPageChangeListener() {  
70.       // 滑动后  
71.       @Override  
72.       public void onPageSelected(int position) {  
73.         position = position % imageList.size();  
74.   
75.         // 设置文字描述内容  
76.         tv_imageDesc.setText(imageDescriptions[position]);  
77.   
78.         // 改变指示点的状态  
79.         // 把当前点enbale 为true  
80.         ll_pointGroup.getChildAt(position).setEnabled(true);  
81.         // 把上一个点设为false  
82.         ll_pointGroup.getChildAt(lastPosition).setEnabled(false);  
83.         lastPosition = position;  
84.         tv_imageDesc.setText(imageDescriptions[position]);  
85.       }  
86.   
87.       // 滑动时  
88.       @Override  
89.       public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {  
90.       }  
91.   
92.       // 状态改变  
93.       @Override  
94.       public void onPageScrollStateChanged(int state) {  
95.       }  
96.     });  
97. isRunning=true;  
98.    handler.sendEmptyMessageDelayed(0, 2000);  
99.   
100.   }  
101.   private boolean isRunning=false;  
102.   Handler handler = new Handler() {  
103.   
104.     @Override  
105.     public void handleMessage(Message msg) {  
106.       //滑动到下一页  
107.       viewpaper.setCurrentItem(viewpaper.getCurrentItem() + 1);  
108.       //判断是否存在 是的话就执行  
109.       if (isRunning) {  
110.         handler.sendEmptyMessageDelayed(0, 2000);  
111.       }  
112.     }  
113.   };  
114.   protected void onDestroy() {  
115.     isRunning=false;  
116.       
117.   };  
118.   public class MyAdapter extends PagerAdapter {  
119.   
120.     @Override  
121.     public int getCount() {  
122.       return Integer.MAX_VALUE;  
123.     }  
124.   
125.     @Override  
126.     public boolean isViewFromObject(View view, Object object) {  
127.       return view == object;  
128.     }  
129.   
130.     @Override  
131.     public Object instantiateItem(ViewGroup container, int position) {  
132.       position = position % imageList.size();  
133.       container.addView(imageList.get(position));  
134.       return imageList.get(position);  
135.     }  
136.   
137.     @Override  
138.     public void destroyItem(ViewGroup container, int position, Object object) {  
139.       container.removeView((View) object);  
140.       object = null;  
141.     }  
142.   
143.   }  
144. }