ViewPager实现淘宝天面首页广告栏，支持左右滑动，自动滑动，带圆点指示器

ViewPager实现淘宝天面首页广告栏，支持左右滑动，自动滑动，带圆点指示器

原理：1.及根据当前viewpager的选中页面获取position，对其进行自增

    2.之后调用：pager.setCurrentItem(currentpositon, true);进行页面切换

    3.设置定时器每隔一段时间调用切换页面方法

核心代码如下：

package com.dett.viewpagerautochange;


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


import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;




public class ViewPageActivity extends FragmentActivity {


    ViewPager pager = null;
    /**
     * 切換計時器
     */
    public Timer autoGallery = new Timer();
    public ImageTimerTask timeTaks = null;
    public int currentpositon = 0;
    public int oldpositon = 0;
    private boolean stopAuto;


    public static Integer[] imgs = { R.drawable.one, R.drawable.two,
            R.drawable.three, R.drawable.four, R.drawable.one };


    ArrayList<String> list;


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


        pager = (ViewPager) findViewById(R.id.myViewPager);


        list = new ArrayList<String>();
        for (int i = 0; i < imgs.length; i++) {
            list.add(imgs[i] + "");
        }


        ImagePagerAdapter adapter = new ImagePagerAdapter(
                getSupportFragmentManager(), list);
        pager.setAdapter(adapter);
        startAutoChange();
    }


    /**
     * 开启自动切换
     * @since  1.0.0
     */
    public void startAutoChange(){
        // 设置左右缓存页面
        pager.setOffscreenPageLimit(2);


        // 保证起始页可以左滑
        pager.setCurrentItem(list.size() * 1000);
        
        // 可定义页面切换速度
        //FixedSpeedScroller.setDurTime(1000, pager);


        pager.setOnPageChangeListener(new OnPageChangeListener() {


            @Override
            public void onPageSelected(int index) {
                int currentP = index % list.size();
                // 更新小点点颜色
                changePointView2(oldpositon, currentP);
                oldpositon = currentP;
            }


            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
            }


            @Override
            public void onPageScrollStateChanged(int arg0) {
            }
        });


        // 启动计时器
        timeTaks = new ImageTimerTask();
        autoGallery.scheduleAtFixedRate(timeTaks, 3000, 2000);
        addPointView();


        // 按下时停止自动滑动,弹起时继续定时滑动
        pager.setOnTouchListener(new View.OnTouchListener() {


            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                case MotionEvent.ACTION_MOVE:
                    stopAuto = true;
                    break;
                case MotionEvent.ACTION_UP:
                    stopAuto = false;
                    break;
                default:
                    stopAuto = true;
                    break;
                }
                return false;
            }
        });
    }
    
    
    /**
     * 计时任务 ImageTimerTask
     */
    class ImageTimerTask extends TimerTask {


        @Override
        public void run() {
            if (stopAuto) {
                return;
            }
            Message msg = Message.obtain();
            msg.what = 1;
            currentpositon = pager.getCurrentItem();
            currentpositon++;
            han.sendMessage(msg);
        }
    }


    /**
     * 设置选中item
     */
    Handler han = new Handler() {
        public void handleMessage(Message msg) {
            if (msg.what == 1) {
                Log.i("eeeeee", currentpositon + "");
                pager.setCurrentItem(currentpositon, true);
            }
        }
    };


    /**
     * 添加小点
     * 
     * @exception
     * @since 1.0.0
     */
    public void addPointView() {
        LinearLayout pointLinear = (LinearLayout) findViewById(R.id.gallery_point_linear);
        pointLinear.setBackgroundColor(getResources().getColor(
                android.R.color.transparent));// Color.argb(200, 135, 135, 152)
        for (int i = 0; i < list.size(); i++) {
            ImageView pointView = new ImageView(this);
            if (i == 0) {
                pointView.setBackgroundResource(R.drawable.feature_point_cur);
            } else
                pointView.setBackgroundResource(R.drawable.feature_point);
            pointLinear.addView(pointView);
        }
    }


    /**
     * 改变小点
     * 
     * @exception
     * @since 1.0.0
     */
    public void changePointView2(int oldposition, int currposition) {
        LinearLayout pointLinear = (LinearLayout) findViewById(R.id.gallery_point_linear);
        View oldview = pointLinear.getChildAt(oldposition);
        View currview = pointLinear.getChildAt(currposition);
        if (oldview != null && currview != null) {
            ImageView pointView = (ImageView) oldview;
            ImageView currView = (ImageView) currview;
            pointView.setBackgroundResource(R.drawable.feature_point);
            currView.setBackgroundResource(R.drawable.feature_point_cur);
        }
    }
}

完整demo下载地址