viewPager+Handler+Timer简单实现广告轮播效果

基本思想是在Avtivity中放一个ViewPager，然后通过监听去实现联动效果,代码理由详细的解释，我就不说了。

　　MainActivity.java

 package com.example.administrator.imageviewlunbodemo;

 import android.app.Activity;
 import android.os.Bundle;
 import android.os.Handler;
 import android.os.Message;
 import android.support.v4.view.PagerAdapter;
 import android.support.v4.view.ViewPager;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.ImageView;

 import java.util.ArrayList;
 import java.util.List;
 import java.util.Timer;
 import java.util.TimerTask;

 public class MainActivity extends Activity {

     private ViewPager myViewPager;
     private List<View> myContiontar = new ArrayList<>();   //viewPager的数据源
     private PagerAdapter myPagerAdapter;   //有了数据源，必然要有适配器

     private ImageView imageView1;
     private ImageView imageView2;
     private ImageView imageView3;
     private ImageView imageView4;
     private ImageView imageView5;

     private Timer mTimer;
     private Timertask mTimertask;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);

         initViews();  //初始化各种View

         myViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
             @Override
             public void onPageScrolled(int i, float v, int i2) {

             }

             @Override
             public void onPageSelected(int i) {
                 selectImageId(i);
             }

             @Override
             public void onPageScrollStateChanged(int i) {

             }
         });

         mTimertask = new Timertask();
         mTimer = new Timer();
         mTimer.schedule(mTimertask,0,2000);
 //        //启动时选择第一张图片
 //        imageView1.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_select);

     }

     //初始化各种View
     private void initViews(){
         // 先将xml文件 换成 view
         myViewPager = (ViewPager) findViewById(R.id.viewpager);

         imageView1 = (ImageView) findViewById(R.id.first_fragment_down_image1);
         imageView2 = (ImageView) findViewById(R.id.first_fragment_down_image2);
         imageView3 = (ImageView) findViewById(R.id.first_fragment_down_image3);
         imageView4 = (ImageView) findViewById(R.id.first_fragment_down_image4);
         imageView5 = (ImageView) findViewById(R.id.first_fragment_down_image5);

         //建立五个view 去获得四个ImageView
         View view1 = LayoutInflater.from(getApplicationContext()).inflate(R.layout.lunbo_image1, null);
         View view2 = LayoutInflater.from(getApplicationContext()).inflate(R.layout.lunbo_image2,null);
         View view3 = LayoutInflater.from(getApplicationContext()).inflate(R.layout.lunbo_image3, null);
         View view4 = LayoutInflater.from(getApplicationContext()).inflate(R.layout.lunbo_image4, null);
         View view5 = LayoutInflater.from(getApplicationContext()).inflate(R.layout.lunbo_image5,null);
         //加入到容器里面
         myContiontar.add(view1);
         myContiontar.add(view2);
         myContiontar.add(view3);
         myContiontar.add(view4);
         myContiontar.add(view5);
         //初始化 适配器
         myPagerAdapter = new PagerAdapter() {
             //返回显示多少项
             @Override
             public int getCount() {
                 return myContiontar.size();
             }

             @Override
             public boolean isViewFromObject(View view, Object o) {
                 return view == o;
             }
             //滑动切换时，移除当前组件
             @Override
             public void destroyItem(ViewGroup container, int position, Object object) {
                 container.removeView(myContiontar.get(position));
             }
             //没次滑动时生成的组件
             @Override
             public Object instantiateItem(ViewGroup container, int position) {
                 container.addView(myContiontar.get(position));
                 return myContiontar.get(position);
             }
         };
         //设置适配器
         myViewPager.setAdapter(myPagerAdapter);
     }

     //选择那个图片
     private void selectImageId(int i){
         initImageBackGround();
         switch (i){
             case 0:
                 imageView1.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_select);
                 break;
             case 1:
                 imageView2.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_select);
                 break;
             case 2:
                 imageView3.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_select);
                 break;
             case 3:
                 imageView4.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_select);
                 break;
             case 4:
                 imageView5.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_select);
                 break;
         }
     }
     //初始化 所有Image的背景
     private void initImageBackGround(){
         imageView1.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_normal);
         imageView2.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_normal);
         imageView3.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_normal);
         imageView4.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_normal);
         imageView5.setBackgroundResource(R.drawable.wallet_coin_purse_guide_purse_dot_normal);
     }

     int count = 0;
     private Handler mhandler = new Handler(){

         @Override
         public void handleMessage(Message msg) {
             super.handleMessage(msg);
             if (msg.what == 0x111){
                 //操作
                 count++;
                 myViewPager.setCurrentItem(count % 5);
             }
         }
     };

     //建立一个Timertask
     class Timertask extends TimerTask{

         @Override
         public void run() {
             mhandler.sendEmptyMessage(0x111);  //发送空消息
         }
     }
 }

主布局文件里面放了一个ViewPager和五个ImageView（就是那种小点点）

activity_main.xml

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="vertical"
        android:gravity="center|bottom">
        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        </android.support.v4.view.ViewPager>
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:orientation="horizontal"
            android:layout_gravity="center|bottom">
            <ImageView
                android:id="@+id/first_fragment_down_image1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="2dp"
                android:layout_marginRight="2dp"
                android:background="@drawable/wallet_coin_purse_guide_purse_dot_normal"/>
            <ImageView
                android:id="@+id/first_fragment_down_image2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="2dp"
                android:layout_marginRight="2dp"
                android:background="@drawable/wallet_coin_purse_guide_purse_dot_normal"/>
            <ImageView
                android:id="@+id/first_fragment_down_image3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="2dp"
                android:layout_marginRight="2dp"
                android:background="@drawable/wallet_coin_purse_guide_purse_dot_normal"/>
            <ImageView
                android:id="@+id/first_fragment_down_image4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="2dp"
                android:layout_marginRight="2dp"
                android:background="@drawable/wallet_coin_purse_guide_purse_dot_normal"/>
            <ImageView
                android:id="@+id/first_fragment_down_image5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="2dp"
                android:layout_marginRight="2dp"
                android:background="@drawable/wallet_coin_purse_guide_purse_dot_normal"/>
        </LinearLayout>
    </FrameLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2.5"
        android:background="@color/fitst_fragment_image_color"/>
</LinearLayout>

在ViewPager中我创建了五个布局文件，都很简单，里面就只有一个ImageView去显示图片

images.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:id="@+id/first_fragment_lunbo_image1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/image1"
        />
</LinearLayout>

然后在用Timer让它每隔2秒去发送一次消息，通知ViewPager更新,就形成了简单的图片轮播效果。

　　效果图: