ViewPager实现每隔两秒自动切换图片

布局代码：

 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     <FrameLayout 
 7         android:layout_width="fill_parent"
 8         android:layout_height="200dip"        
 9         >
10         
11         <android.support.v4.view.ViewPager
12             android:id="@+id/vp"
13             android:layout_width="fill_parent"
14             android:layout_height="fill_parent"
15             />
16         
17         <LinearLayout 
18             android:layout_width="fill_parent"
19             android:layout_height="35dip"
20             android:orientation="vertical"
21             android:layout_gravity="bottom"
22             android:gravity="center"
23             android:background="#33000000"
24             >
25             
26             <TextView 
27                 android:id="@+id/title"
28                 android:layout_width="wrap_content"
29                 android:layout_height="wrap_content"
30                 android:text="图片标题"
31                 android:textColor="@android:color/white"
32                 />
33             
34             <LinearLayout 
35                 android:layout_width="wrap_content"
36                 android:layout_height="wrap_content"
37                 android:orientation="horizontal"
38                 android:layout_marginTop="3dip"
39                 >
40                 
41                 <View 
42                     android:id="@+id/dot_0"
43                     android:layout_width="5dip"
44                     android:layout_height="5dip"
45                     android:layout_marginLeft="2dip"
46                     android:layout_marginRight="2dip"
47                     android:background="@drawable/dot_focused"
48                     />
49                 <View 
50                     android:id="@+id/dot_1"
51                     android:layout_width="5dip"
52                     android:layout_height="5dip"
53                     android:layout_marginLeft="2dip"
54                     android:layout_marginRight="2dip"
55                     android:background="@drawable/dot_normal"
56                     />
57                 <View 
58                     android:id="@+id/dot_2"
59                     android:layout_width="5dip"
60                     android:layout_height="5dip"
61                     android:layout_marginLeft="2dip"
62                     android:layout_marginRight="2dip"
63                     android:background="@drawable/dot_normal"
64                     />
65                 <View 
66                     android:id="@+id/dot_3"
67                     android:layout_width="5dip"
68                     android:layout_height="5dip"
69                     android:layout_marginLeft="2dip"
70                     android:layout_marginRight="2dip"
71                     android:background="@drawable/dot_normal"
72                     />
73                 <View 
74                     android:id="@+id/dot_4"
75                     android:layout_width="5dip"
76                     android:layout_height="5dip"
77                     android:layout_marginLeft="2dip"
78                     android:layout_marginRight="2dip"
79                     android:background="@drawable/dot_normal"
80                     />
81                 
82             </LinearLayout>
83             
84             
85         </LinearLayout>
86         
87     </FrameLayout>
88     
89     
90 </RelativeLayout>

 

正常的shape图形dot_normal.xml：

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape xmlns:android="http://schemas.android.com/apk/res/android" 
 3     android:shape="oval"
 4     >
 5     
 6     <corners android:radius="5dip" />
 7     
 8     <solid android:color="#55000000" />
 9 
10 </shape>

获取焦点的shape图形 dot_focused.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape xmlns:android="http://schemas.android.com/apk/res/android" 
 3     android:shape="oval"
 4     >
 5     
 6     <corners android:radius="5dip" />
 7     
 8     <solid android:color="#aaFFFFFF" />
 9 
10 </shape>

 

 

具体实现代码：

  1 import java.util.ArrayList;
  2 import java.util.concurrent.Executors;
  3 import java.util.concurrent.ScheduledExecutorService;
  4 import java.util.concurrent.TimeUnit;
  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.TextView;
 17 
 18 public class MainActivity extends Activity {
 19 
 20     private int imageIds[];
 21     private String[] titles;
 22     private ArrayList<ImageView> images;
 23     private ArrayList<View> dots;
 24     private TextView title;
 25     private ViewPager mViewPager;
 26     private ViewPagerAdapter adapter;
 27     
 28     private int oldPosition = 0;//记录上一次点的位置
 29     private int currentItem; //当前页面
 30     private ScheduledExecutorService scheduledExecutorService;
 31 
 32     @Override
 33     public void onCreate(Bundle savedInstanceState) {
 34         super.onCreate(savedInstanceState);
 35         setContentView(R.layout.activity_main);
 36         
 37         //图片ID
 38         imageIds = new int[]{
 39             R.drawable.a,    
 40             R.drawable.b,    
 41             R.drawable.c,    
 42             R.drawable.d,    
 43             R.drawable.e    
 44         };
 45         
 46         //图片标题
 47         titles = new String[]{
 48             "巩俐不低俗，我就不能低俗",    
 49             "扑树又回来啦！再唱经典老歌引万人大合唱",    
 50             "揭秘北京电影如何升级",    
 51             "乐视网TV版大派送",    
 52             "热血屌丝的反杀"
 53         };
 54         
 55         //显示的图片
 56         images = new ArrayList<ImageView>();
 57         for(int i =0; i < imageIds.length; i++){
 58             ImageView imageView = new ImageView(this);
 59             imageView.setBackgroundResource(imageIds[i]);
 60             
 61             images.add(imageView);
 62         }
 63         
 64         //显示的点
 65         dots = new ArrayList<View>();
 66         dots.add(findViewById(R.id.dot_0));
 67         dots.add(findViewById(R.id.dot_1));
 68         dots.add(findViewById(R.id.dot_2));
 69         dots.add(findViewById(R.id.dot_3));
 70         dots.add(findViewById(R.id.dot_4));
 71         
 72         title = (TextView) findViewById(R.id.title);
 73         title.setText(titles[0]);
 74         
 75         mViewPager = (ViewPager) findViewById(R.id.vp);
 76         
 77         adapter = new ViewPagerAdapter(); 
 78         mViewPager.setAdapter(adapter);
 79         
 80         mViewPager.setOnPageChangeListener(new OnPageChangeListener() {
 81             
 82 
 83 
 84             @Override
 85             public void onPageSelected(int position) {
 86                 // TODO Auto-generated method stub
 87                 title.setText(titles[position]);
 88                 
 89                 dots.get(oldPosition).setBackgroundResource(R.drawable.dot_normal);
 90                 dots.get(position).setBackgroundResource(R.drawable.dot_focused);
 91                 
 92                 oldPosition = position;
 93                 currentItem = position;
 94             }
 95             
 96             @Override
 97             public void onPageScrolled(int arg0, float arg1, int arg2) {
 98                 // TODO Auto-generated method stub
 99                 
100             }
101             
102             @Override
103             public void onPageScrollStateChanged(int arg0) {
104                 // TODO Auto-generated method stub
105                 
106             }
107         });
108         
109     }
110     
111     private class ViewPagerAdapter extends PagerAdapter {
112 
113         @Override
114         public int getCount() {
115             // TODO Auto-generated method stub
116             return images.size();
117         }
118 
119         //是否是同一张图片
120         @Override
121         public boolean isViewFromObject(View arg0, Object arg1) {
122             // TODO Auto-generated method stub
123             return arg0 == arg1;
124         }
125 
126         @Override
127         public void destroyItem(ViewGroup view, int position, Object object) {
128             // TODO Auto-generated method stub
129 //            super.destroyItem(container, position, object);
130 //            view.removeViewAt(position);
131             view.removeView(images.get(position));
132             
133         }
134 
135         @Override
136         public Object instantiateItem(ViewGroup view, int position) {
137             // TODO Auto-generated method stub
138             view.addView(images.get(position));
139             
140             return images.get(position);
141         }
142     }
143 
144     @Override
145     protected void onStart() {
146         // TODO Auto-generated method stub
147         super.onStart();
148         
149         scheduledExecutorService = Executors.newSingleThreadScheduledExecutor();
150         
151         //每隔2秒钟切换一张图片
152         scheduledExecutorService.scheduleWithFixedDelay(new ViewPagerTask(), 2, 2, TimeUnit.SECONDS);
153     }
154     
155     //切换图片
156     private class ViewPagerTask implements Runnable {
157 
158         @Override
159         public void run() {
160             // TODO Auto-generated method stub
161             currentItem = (currentItem +1) % imageIds.length;
162             //更新界面
163 //            handler.sendEmptyMessage(0);
164             handler.obtainMessage().sendToTarget();
165         }
166         
167     }
168     
169     private Handler handler = new Handler(){
170 
171         @Override
172         public void handleMessage(Message msg) {
173             // TODO Auto-generated method stub
174             //设置当前页面
175             mViewPager.setCurrentItem(currentItem);
176         }
177         
178     };
179 
180     @Override
181     protected void onStop() {
182         // TODO Auto-generated method stub
183         super.onStop();
184     }
185     
186     
187 
188 }