Android开发之实现图片自动滚动显示标签的ViewPager

Android中实现图片自动滚动的效果非常的常见，我们可以自己动画去实现功能。但是在Android中提供了一个ViewPager类，实现了滚动效果，在Android的extras目录下android-support-vx.jar中，x代表版本4,7等等。使用时我们需要android.support.v4.view.ViewPager的viewPager标签。

博客来源：/fengshizty

代码非常的简单，不用解释：

xml布局文件如下：

<RelativeLayout xmlns:android="/apk/res/android"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.andy.viewpagedemo.MainActivity" ><android.support.v4.view.ViewPagerandroid:id="@+id/viewPager"android:layout_width="wrap_content"android:layout_height="200dip" /><LinearLayoutandroid:layout_alignBottom="@id/viewPager"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="#33000000"android:orientation="vertical" ><TextViewandroid:id="@+id/image_desc"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:text="@string/app_name"android:textColor="@android:color/white"android:textSize="18sp" /><LinearLayoutandroid:id="@+id/point_group"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:orientation="horizontal"></LinearLayout></LinearLayout></RelativeLayout>

Activity代码如下：

package com.andy.viewpagedemo;import java.util.ArrayList;import android.app.Activity;import android.os.Bundle;import android.os.Handler;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.view.ViewGroup;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.TextView;public class MainActivity extends Activity {private ViewPager viewPager;private LinearLayout point_group;private TextView image_desc;// 图片资源idprivate final int[] images = { R.drawable.a, R.drawable.b, R.drawable.c,R.drawable.d, R.drawable.e };// 图片标题集合private final String[] imageDescriptions = { "巩俐不低俗，我就不能低俗","扑树又回来啦！再唱经典老歌引万人大合唱", "揭秘北京电影如何升级", "乐视网TV版大派送", "热血屌丝的反杀" };private ArrayList<ImageView> imageList;// 上一个页面的位置protected int lastPosition = 0;// 判断是否自动滚动viewPagerprivate boolean isRunning = true;private Handler handler = new Handler() {public void handleMessage(android.os.Message msg) {// 执行滑动到下一个页面viewPager.setCurrentItem(viewPager.getCurrentItem() + 1);if (isRunning) {// 在发一个handler延时handler.sendEmptyMessageDelayed(0, 2000);}};};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);viewPager = (ViewPager) findViewById(R.id.viewPager);point_group = (LinearLayout) findViewById(R.id.point_group);image_desc = (TextView) findViewById(R.id.image_desc);image_desc.setText(imageDescriptions[0]);// 初始化图片资源imageList = new ArrayList<ImageView>();for (int i : images) {// 初始化图片资源ImageView imageView = new ImageView(this);imageView.setBackgroundResource(i);imageList.add(imageView);// 添加指示小点ImageView point = new ImageView(this);LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(5,5);params.rightMargin = 20;point.setLayoutParams(params);point.setBackgroundResource(R.drawable.point_bg);if (i == R.drawable.a) {point.setEnabled(true);} else {point.setEnabled(false);}point_group.addView(point);}viewPager.setAdapter(new MyPageAdapter());// 设置当前viewPager的位置viewPager.setCurrentItem(Integer.MAX_VALUE / 2- (Integer.MAX_VALUE / 2 % imageList.size()));viewPager.setOnPageChangeListener(new OnPageChangeListener() {@Overridepublic void onPageSelected(int position) {// 页面切换后调用， position是新的页面位置// 实现无限制循环播放position %= imageList.size();image_desc.setText(imageDescriptions[position]);// 把当前点设置为true,将上一个点设为falsepoint_group.getChildAt(position).setEnabled(true);point_group.getChildAt(lastPosition).setEnabled(false);lastPosition = position;}@Overridepublic void onPageScrolled(int position, float positionOffset,int positionOffsetPixels) {// 页面正在滑动时间回调}@Overridepublic void onPageScrollStateChanged(int state) {// 当pageView 状态发生改变的时候，回调}});/*** 自动循环： 1.定时器：Timer 2.开子线程：while true循环 3.ClockManger* 4.用Handler发送延时信息，实现循环，最简单最方便* */handler.sendEmptyMessageDelayed(0, 2000);}@Overrideprotected void onDestroy() {// 停止滚动isRunning = false;super.onDestroy();}private class MyPageAdapter extends PagerAdapter {// 需要实现以下四个方法@Overridepublic int getCount() {// 获得页面的总数return Integer.MAX_VALUE;}@Overridepublic boolean isViewFromObject(View view, Object object) {// 判断view和Object对应是否有关联关系if (view == object) {return true;} else {return false;}}@Overridepublic Object instantiateItem(ViewGroup container, int position) {// 获得相应位置上的view； container view的容器，其实就是viewpage自身,// position: viewpager上的位置// 给container添加内容container.addView(imageList.get(position % imageList.size()));return imageList.get(position % imageList.size());}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {// 销毁对应位置上的Object// super.destroyItem(container, position, object);container.removeView((View) object);object = null;}}}

其效果如下：