自动循环切换图片的ViewPager,类似网页的广告页面切换

其实这个东西很简单，由于我们公司太闲了，无所事事的我就写这个demo来当作记日记吧，也怕自己以后忘记了。如图所示：

 

         

下方是代码：

MainActivity.class:

 

package com.example.music;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;

import android.view.View;

import android.widget.ImageView;
import android.widget.ImageView.ScaleType;

public class MainActivity extends Activity implements OnPageChangeListener {
 private ImageView imageViews[] = new ImageView[3];
 private ImageView imageViewbg[] = new ImageView[3];
 private int[] icons = new int[] { R.drawable.ali2, R.drawable.ali1,
   R.drawable.ali3 };
 private ViewPager viewPager;
 private int index = 0;
 private ImageView oneview, twoview, threeview;
 private Handler mHandler = new Handler() {

  @Override
  public void handleMessage(Message msg) {
   // TODO Auto-generated method stub
   super.handleMessage(msg);
   if (index >= 3) {
    index = 0;
   }
   viewPager.setCurrentItem(index);
   index++;
   mHandler.sendEmptyMessageDelayed(0, 3000);

  }

 };

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
  initImageView();
  initViews();
  viewPager = (ViewPager) findViewById(R.id.viewpager);
  MyPagerAdapter myPagerAdapter = new MyPagerAdapter();
  viewPager.setAdapter(myPagerAdapter);
  mHandler.sendEmptyMessageDelayed(0, 5000);
  viewPager.setOnPageChangeListener(this);
 }

 void initImageView() {
  for (int i = 0; i < imageViews.length; i++) {
   ImageView imageView = new ImageView(this);
   imageView.setScaleType(ScaleType.CENTER_CROP);
   imageView.setBackgroundResource(icons[i]);
   imageViews[i] = imageView;
  }
 }

 void initViews() {
  oneview = (ImageView) findViewById(R.id.oneview);
  twoview = (ImageView) findViewById(R.id.twoview);
  threeview = (ImageView) findViewById(R.id.threeview);
  imageViewbg[0] = oneview;
  imageViewbg[1] = twoview;
  imageViewbg[2] = threeview;
 }

 class MyPagerAdapter extends PagerAdapter {

  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return imageViews.length;
  }

  @Override
  public boolean isViewFromObject(View arg0, Object arg1) {
   // TODO Auto-generated method stub
   return arg0 == arg1;
  }

  @Override
  public void destroyItem(View container, int position, Object object) {
   // TODO Auto-generated method stub

   ((ViewPager) container).removeView(imageViews[position]);

  }

  @Override
  public Object instantiateItem(View container, int position) {
   // TODO Auto-generated method stub
   ((ViewPager) container).addView(imageViews[position]);

   return imageViews[position];
  }

 }

 @Override
 public void onPageScrollStateChanged(int arg0) {
  // TODO Auto-generated method stub
  // System.out.println("scroll:"+arg0);

 }

 @Override
 public void onPageScrolled(int arg0, float arg1, int arg2) {
  // TODO Auto-generated method stub

  index = arg0;// 此处是记录页面滑动的哪一页，自动播放图片的mhandler就在这一页的基础上播放下一页。
  for (int i = 0; i < imageViewbg.length; i++) {
   if (i == arg0) {
    imageViewbg[i].setBackgroundResource(R.drawable.circle_click);
   } else {
    imageViewbg[i].setBackgroundResource(R.drawable.circle_clicked);
   }
  }

 }

 @Override
 public void onPageSelected(int arg0) {
  // TODO Auto-generated method stub

 }

}

 

 

main.xml:

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1" >
    </android.support.v4.view.ViewPager>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:gravity="top|center_horizontal"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/oneview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="15dp"
            android:background="@drawable/circle_click" />

        <ImageView
             android:id="@+id/twoview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="15dp"
            android:background="@drawable/circle_clicked" />

        <ImageView
             android:id="@+id/threeview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/circle_clicked" />
    </LinearLayout>

</LinearLayout>