使用ViewPager实现左右循环滑动图片

•android-support-v4.jar,这是谷歌官方 给我们提供的一个兼容低版本Android设备的软件包，里面包囊了只有在Android3.0以上可以使用的api。而ViewPager就是其中之
一,利用它我们可以做很多事情，从最简单的导航，到页面切换菜单等等。

•ViewPager的功能就是可以使视图滑动，就像Lanucher左右滑动那样。

下面是大概样图：









这个是非常常见的应用

下面给出实现的代码：

源代码：

<pre name="code" class="java">package com.example.demo;
import android.annotation.TargetApi;
import android.graphics.Color;
import android.os.Build;
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.support.v4.view.ViewPager.OnPageChangeListener;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.ImageView;
import android.widget.LinearLayout;
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
public class MainActivity extends ActionBarActivity {
private ViewPager pager;
private ImageView[] images;
private ImageView[] dots;
private ImageView imageView;
private boolean isLoop = true;
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
pager.setCurrentItem(pager.getCurrentItem() + 1);
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//载入图片资源ID
pager = (ViewPager) findViewById(R.id.adv_pager);
ViewGroup group = (ViewGroup) findViewById(R.id.viewGroup);
//这里存放的是四张广告背景
images = new ImageView[4];
for (int i = 0; i < 4; i++) {
ImageView img = new ImageView(this);
switch (i) {
case 0:
img.setBackgroundColor(Color.GREEN);
break;
case 1:
img.setBackgroundColor(Color.RED);
break;
case 2:
img.setBackgroundColor(Color.YELLOW);
break;
case 3:
img.setBackgroundColor(Color.CYAN);
break;
default:
break;
}
images[i]=img;
}
//对dots进行填充
dots = new ImageView[images.length];
//小图标
for (int i = 0; i < images.length; i++) {
imageView = new ImageView(this);
//LinearLayout.LayoutParams.WRAP_CONTENT
LinearLayout.LayoutParams layout = new LinearLayout.LayoutParams(20,20);
layout.setMargins(5, 5, 5, 5);
imageView.setLayoutParams(layout);
dots[i] = imageView;
if (i == 0) {
dots[i].setBackgroundResource(R.drawable.aaa);
} else {
dots[i].setBackgroundResource(R.drawable.bbb);
}
group.addView(dots[i]);//将点点加入到ViewGroup中
}
//设置Adapter
pager.setAdapter(new AdvAdapter(images));
//设置监听，主要是设置点点的背景
pager.setOnPageChangeListener(new GuidePageChangeListener());
/**
* 2147483647 / 2 = 1073741820 - 1
* 设置ViewPager的当前项为一个比较大的数，以便一开始就可以左右循环滑动
*/
int n = Integer.MAX_VALUE / 2 % dots.length;
int itemPosition = Integer.MAX_VALUE / 2 - n;
pager.setCurrentItem(itemPosition);
// 自动切换页面功能
new Thread(new Runnable() {
@Override
public void run() {
while (true) {
try {
Thread.sleep(2000);
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
//sendEmptyMessageDelayed中就是构建了一个Message,
//然后把这个Message的what设置成sendEmptyMessage方法中的What参数即可。
handler.sendEmptyMessage(0);
}
}
}).start();
}
private final class GuidePageChangeListener implements OnPageChangeListener {
@Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageSelected(int arg0) {
int a = arg0 % dots.length;
for (int i = 0; i < dots.length; i++) {
if(a==i){
dots[i].setBackgroundResource(R.drawable.aaa);
}else {
dots[i].setBackgroundResource(R.drawable.bbb);
}
}
}
}
private final class AdvAdapter extends PagerAdapter {
private ImageView[] views = null;
public AdvAdapter(ImageView[] advPics) {
this.views = advPics;
}
/**
* 销毁预加载以外的view对象, 会把需要销毁的对象的索引位置传进来，就是position，
* 因为imageViews只有四条数据，而position将会取到很大的值，
* 所以使用取余数的方法来获取每一条数据项。
*/
@Override
public void destroyItem(View arg0, int arg1, Object arg2) {
((ViewPager) arg0).removeView(views[arg1%dots.length]);
}
/**
* 该方法将返回所包含的 Item总个数。为了实现一种循环滚动的效果，返回了基本整型的最大值，这样就会创建很多的Item,
* 其实这并非是真正的无限循环。
*/
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
/**
* 载入图片进去
*/
@Override
public Object instantiateItem(View arg0, int arg1) {
((ViewPager) arg0).addView(views[arg1%dots.length], 0);
return views[arg1%dots.length];
}
/**
* 判断出去的view是否等于进来的view 如果为true直接复用
*/
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
}
}

布局文件：

<RelativeLayout 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"
tools:context="com.example.demo.MainActivity" >

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<!-- ViewPager是一个控件 -->
<android.support.v4.view.ViewPager
android:id="@+id/adv_pager"
android:layout_width="match_parent"
android:layout_height="160dp" >

</android.support.v4.view.ViewPager>

<LinearLayout
android:id="@+id/viewGroup"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/adv_pager"
android:layout_alignParentLeft="true"
android:gravity="right"
android:orientation="horizontal" >
</LinearLayout>

</RelativeLayout>

</RelativeLayout>

?