ViewPager无限轮播图

xml

<?xml version="1.0" encoding="utf-8"?>
<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">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager_vp"
        android:layout_width="wrap_content"
        android:layout_height="300dp" />
    <!--    定义lineatLayout时,background="#88000000",gravity="center_horizontal"  padding="8dp"
            android:layout_alignBottom="@+id/viewpager_vp"  小点用一个LinearLayout来包裹.-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#88000000"
        android:gravity="center_horizontal"
        android:padding="8dp"
        android:layout_alignBottom="@+id/viewpager_vp"
        android:orientation="vertical">
        <!--此处状态选择器的选择属性是state_selected,而不是state_pressed,
            要知道他们的区别,引用图片drawable,注意V是大写,
            点是根据图片的张数,动态创建的,所有我们的View还要注释掉.-->text
        <TextView
            android:id="@+id/viewpager_tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@android:color/white"
            android:text="我是帅哥王金红"/>

        <LinearLayout
            android:id="@+id/ll_dots"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center_horizontal">
            <!--            <View
                            android:layout_width="5dp"
                            android:layout_height="5dp"
                            android:background="@drawable/dot_focus"/>-->
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

MainActivity

package com.sn.app1;

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.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import java.util.ArrayList;

/*写VIewPager的布局
<android.support.v4.view.ViewPager
        android:id="@+id/viewpager_vp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />*/

//凡是注释带222的是优化,先把不带222的代码填完,在填222,222主要做的是就是根据viewpager动态的显示对应的文本和点
//凡是注释带333的是优化,先把222的代码填完,在填333,333主要做的是就是根据使viewpager能无限左右滑动.且能够自动滑动,当用户触摸时滑动结束,不交互时滑动继续.
//采用动态添加点的逻辑,所以使用时,直接修改imageResIds descs 资源就行
public class MainActivity extends AppCompatActivity {

    private LinearLayout ll_dots;
    private TextView viewpager_tv;

    //    将ViewPager定义为全局变量,方便使用.
    private ViewPager viewpager_vp;

    //    建立一个ArrayList集合.泛型指定为ImageView.
    ArrayList<ImageView> imageViews = new ArrayList<ImageView>();



    //创建一个handler对象,复写handlerMessage方法,用switch方法,通过msg.what得到标识.333
    private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            switch (msg.what) {
                case 1:
                    //得到当前VIewPager和用户交互的item条目.VIewPager对象.getCurrentItem 333
                    int currentItem = viewpager_vp.getCurrentItem();
                    //设置ViewPager当前显示的界面,得到的ITem+1
                    viewpager_vp.setCurrentItem(currentItem + 1);
                    //通过静态方法sendEmptyMessageDelayed,延时重复执行命令.注意不是sendEmptyMessageAtTime 333
                    sendEmptyMessageDelayed(1, 3000);
                    break;
                default:
                    break;
            }

        }
    };

    //图片int数组资源
    private int[] imageResIds = {R.drawable.a, R.drawable.b, R.drawable.c, R.drawable.d, R.drawable.e, R.drawable.f};

    //图片字符串数组String[]资源.
    private String[] descs = {
            "网页设计师联盟",
            "教程网",
            "PS联盟",
            "25学堂",
            "课工场带你逆袭,助你走向人生巅峰",
            "当你因需求被项目经理频繁修改,而想之暴打时,请先看易老师贱笑图,你是不是更想打我了"
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //对控件进行初始化
        init();
    }

    /**
     * 对VIewPager进行初始化.
     */
    private void init() {
        //找到可以设置点的容器LinearLayout的对象,进行点的添加
        ll_dots = (LinearLayout) findViewById(R.id.ll_dots);
        //找到文本的对象.
        viewpager_tv = (TextView) findViewById(R.id.viewpager_tv);
        //找到VIewPager对象.
        viewpager_vp = (ViewPager) findViewById(R.id.viewpager_vp);

        //更加图片int数组资源的数量,动态的创建ImageView控件.就是有几张图片,创建几个ImageView,for循环
        for (int x = 0; x < imageResIds.length; x++) {
            //创建ImageView对象
            ImageView imageView = new ImageView(this);
            //通过该对象添加图片资源.setBackgroundResource方法.
            imageView.setBackgroundResource(imageResIds[x]);
            //把控件添加到集合ImageViews中去,以方便在VIewPager的适配器里instantiateItem方法获取.
            imageViews.add(imageView);
            //进行点的添加,其个数和图片的个数一致,因此放到该循环中.222
            dot();
        }

        //设置适配器.setAdapter
        viewpager_vp.setAdapter(new Myadapter());
        //设置ViewPager的滑动监听器,addOnPageChangeListener,set的方法因为名字的原因被淘汰了,在onPageScrolled中.222
        viewpager_vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {


            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                //同过getCurrentItem方法拿到当前用户所交互ViewPager的item位置.
                int currentItem = viewpager_vp.getCurrentItem();
                //通过得到的这个item,给text和点进行选中的设置.
                changeTextAndDot(currentItem % imageResIds.length);
                Log.d("aaa", "onPageScrolled:   Position-" + position + "  positionOffset-" + positionOffset + " positionOffsetPixels-" + positionOffsetPixels);

            }

            @Override
            public void onPageSelected(int position) {
                Log.d("aaa", "onPageSelected: position" + position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {
                Log.d("aaa", "onPageScrollStateChanged: state" + state);
            }
        });
        //指定VIewPager默认跳转到某页.一般是最大数的一般.setCurrentItem就是设置VIewPager跳到哪页,get是获取.333
        viewpager_vp.setCurrentItem(Integer.MAX_VALUE / 2 - 3);

        //通过handler,3秒后开始循环ViwePager的item.sendEmptyMessageDelayed,333
        handler.sendEmptyMessageDelayed(1, 3000);
        //设置VIewPager的触摸事件.最后抽成方法.333
        ViewPagerTouchEvent();
    }

    /**
     * 注意:看一个方法或类的信息快捷键:Ctrl+Q;
     * 像ListVIew一样,创建一个ViewPager的适配器,自定义一个类继承PagerAdapter
     */
    private class Myadapter extends PagerAdapter {
        //getContent,设置ViewPager的条目个数.一般就是集合或者资源数组的长度.
        @Override
        public int getCount() {
            return Integer.MAX_VALUE;
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            //根据条目所在位置(利用Position),从ImageViews集合里获取相对应的ImageVIew图片.
            ImageView imageView = imageViews.get(position % imageResIds.length);
            //把得到ImageView对象,添加给VIewPager对象,也就是container,使用addView
            container.addView(imageView);
            //注意:你添加给VIewPager什么控件,就要返回该控件,给isViewFromObject进行比较判断,这里添加的是ImageView,返回的就是ImageView
            return imageView;
        }

       @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            //构造方法删除后,也是固定格式:container.removeView((View) object);
            container.removeView((View) object);
        }
    }


    /**
     * 更加图片资源的数量,动态的创建点222
     */
    public void dot() {
        //创建一个View对象;
        View view = new View(this);
        //为这个View对象设置背景setBackgroundResource
        view.setBackgroundResource(R.drawable.dot_normal);
        //为View对象设置宽高参数,使用参数对象LayoutParams(int,int),给哪个容器,就用哪个容器创建
        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(8, 8);
        //使用参数对象LayoutParams.leftMargin=int,相当于布局里的padding.
        layoutParams.leftMargin = 8;
        //把准备好的layoutParams参数对象,设置给View对象.setLayoutParams
        view.setLayoutParams(layoutParams);
        //最后容器对象.addView(VIwe);
        ll_dots.addView(view);
    }


    /**
     * 根据ViewPager的item的变化,也就是图片切换的操作,设置对应的点和文本.222
     *
     * @param position int ViewPager的item,也是图片的位置
     */
    public void changeTextAndDot(int position) {
        //根据ViewPager的item的变化,设置对应的文本.setText(descs[position]);
        viewpager_tv.setText(descs[position]);
        //对点进行判断是否是当前页的点,用for循环,拿到所有点的位置,然后和position对比
        for (int x = 0; x < imageResIds.length; x++) {
            //.getChildAt(x);拿到容器的子控件.得到VIew对象
            View childAt = ll_dots.getChildAt(x);
            //为View设置背景图片,,使用三元运算符.
            childAt.setBackgroundResource(x == position ? R.drawable.dot_focus : R.drawable.dot_normal);
        }
    }

    /**
     * 该方法主要设置VIewPager的触摸事件,实现用户的触摸时,不再自动播放.switch中motionEvent.getActivity.333
     * 另一种实现的思路,是在ViewPager监听事件里面,对ViewPager的状态进行判断.闲置-滑动,和用户交互中-移除滑动.
     * public void onPageScrollStateChanged(int state) {
     * //当滑动状态发生改变的时候，手动滑动的时候，不能进行界面切换操作
     * //SCROLL_STATE_IDLE : 空闲状态
     * if (state == ViewPager.SCROLL_STATE_IDLE) {
     * //自动切换界面
     * handler.sendEmptyMessageDelayed(VIEWPAGER_SWITCH_PAGE, 3000);
     * }else{
     * //停止自动切换
     * //停止界面切换操作
     * handler.removeMessages(VIEWPAGER_SWITCH_PAGE);
     * }
     * }
     */
    public void ViewPagerTouchEvent() {
        viewpager_vp.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                switch (motionEvent.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        //当时MotionEvent.ACTION_DOWN和ACTION_MOVE,就移除handler发送的message.removeMessages.333
                        handler.removeMessages(1);
                        break;
                    case MotionEvent.ACTION_MOVE:
                        handler.removeMessages(1);
                        break;
                    //当用户手松开时ACTION_UP,就继续使用sendEmptyMessageDelayed发送handler的消息.333
                    case MotionEvent.ACTION_UP:
                        handler.sendEmptyMessageDelayed(1, 3000);
                    default:
                        break;
                }
                return false;
            }
        });
    }


    @Override
    protected void onDestroy() {
        super.onDestroy();
        handler.removeMessages(1);
    }
}