ViewPager 无限轮播自动轮播

ViewPager 无限轮播,自动轮播

---

效果

xml 布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="200dp">

    </androidx.viewpager.widget.ViewPager>

    <LinearLayout
        android:id="@+id/linear_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/view_pager"
        android:layout_marginBottom="15dp"
        android:gravity="center"
        android:orientation="horizontal">

    </LinearLayout>

</RelativeLayout>

java

package com.ms.app;

import android.os.Handler;
import android.os.Message;

import android.os.Bundle;
import android.widget.ImageView;
import android.widget.LinearLayout;

import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager.widget.ViewPager;


import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private ViewPager view_pager;
    private LinearLayout linear_layout;
    private List<String> images;
    private Adapter adapter;
    private List<ImageView> circles;
    private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            if (msg.what == 0) {
                //轮播+1
                view_pager.setCurrentItem(view_pager.getCurrentItem() + 1);
                //5秒之后重新发送
                handler.sendEmptyMessageDelayed(0, 1000 * 5);
            }
        }
    };


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

        //查找控件
        initView();
        //初始化数据
        initData();
        //设置适配器
        setAdapter();
        //设置小圆圈
        initCircle();
        //设置ViewPager的监听事件
        setViewPagerListener();
        //设置自动轮播
        setAutoRotation();
    }

    /**
     * 自动轮播
     */
    private void setAutoRotation() {
        new Thread(() -> {
            //发送消息
            handler.sendEmptyMessage(0);
        }).start();
    }

    /**
     * 设置监听
     */
    private void setViewPagerListener() {
        view_pager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            }

            @Override
            public void onPageSelected(int position) {
                //设置小圆圈移动
                for (int i = 0; i < images.size(); i++) {
                    if (position % circles.size() == i) {
                        //设置背景
                        circles.get(i).setImageResource(R.drawable.shape_little_circle_1);
                    } else {
                        //设置背景
                        circles.get(i).setImageResource(R.drawable.shape_little_circle_0);
                    }
                }
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

        //设置到viewPager的中间
        view_pager.setCurrentItem(Integer.MAX_VALUE / 2);

    }


    /**
     * 初始化小圆圈
     */


    private void initCircle() {
        //实例化
        circles = new ArrayList<>();
        //清空
        linear_layout.removeAllViews();

        for (int i = 0; i < images.size(); i++) {
            //创建图片
            ImageView imageView = new ImageView(MainActivity.this);

            if (i == 0) {
                //设置小圆圈
                imageView.setImageResource(R.drawable.shape_little_circle_1);
            } else {
                //设置小圆圈
                imageView.setImageResource(R.drawable.shape_little_circle_0);
            }

            //将图片添加到集合
            circles.add(imageView);

            //设置显示方式
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);

            //设置外边距
            params.setMargins(15, 5, 15, 5);

            //添加小圆圈图片到布局
            linear_layout.addView(imageView);
        }

    }

    /**
     * 设置适配器
     */
    private void setAdapter() {
        //对适配器判空
        if (adapter == null) {
            //实例化适配器
            adapter = new Adapter(MainActivity.this, images, handler);
            //设置适配器
            view_pager.setAdapter(adapter);

        } else {
            //刷新适配器
            adapter.notifyDataSetChanged();
        }
    }

    //初始化控件
    private void initView() {
        //查找控件
        view_pager = (ViewPager) findViewById(R.id.view_pager);
        linear_layout = (LinearLayout) findViewById(R.id.linear_layout);
    }

    /**
     * 初始化集合
     */
    private void initData() {
        //实例化集合
        images = new ArrayList<>();
        //添加数据(图片的地址)
        images.add("http://imgsrc.baidu.com/imgad/pic/item/241f95cad1c8a786ff65052a6d09c93d70cf5042.jpg");
        images.add("http://a.hiphotos.baidu.com/image/pic/item/b812c8fcc3cec3fdcc9b00b7df88d43f8694274e.jpg");
        images.add("http://g.hiphotos.baidu.com/image/pic/item/ac6eddc451da81cb571cd40c5b66d0160824317c.jpg");
        images.add("http://c.hiphotos.baidu.com/image/pic/item/8d5494eef01f3a29c715430e9025bc315d607c15.jpg");
        images.add("http://e.hiphotos.baidu.com/image/pic/item/94cad1c8a786c917131821f9c03d70cf3ac757d2.jpg");
    }
}

adapter

package com.ms.app;

import android.content.Context;
import android.os.Handler;

import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import androidx.viewpager.widget.PagerAdapter;

import com.bumptech.glide.Glide;


import java.util.List;
import java.util.Objects;

/**
 * Created by maohuawei on 2017/10/23.
 */

public class Adapter extends PagerAdapter {

    //上下文
    private Context context;
    //存放图片地址的集合
    private List<String> images;
    //Handler
    private Handler handler;

    /**
     * 构造方法
     *
     * @param context
     * @param images
     * @param handler
     */
    public Adapter(Context context, List<String> images, Handler handler) {
        this.context = context;
        this.images = images;
        this.handler = handler;
    }

    /**
     * 返回条目数,为了使其能够无限轮播,所以设置一个较大的数字
     *
     * @return
     */
    @Override
    public int getCount() {
        return Integer.MAX_VALUE;
    }

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

    /**
     * 添加图片到ViewGroup
     *
     * @param container
     * @param position
     * @return
     */
    @Override
    public Object instantiateItem(ViewGroup container, int position) {

        //创建ImageView对象
        ImageView imageView = new ImageView(context);
        //设置图片
        //获取图片的地址
        String url = images.get(position % images.size());
        //使用Glide加载图片
        Glide.with(context).load(url).into(imageView);
        //设置拉伸
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
        //设置图片的触摸事件
        imageView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN://按下
                        //发送空消息使其暂停自动轮播
                        handler.removeCallbacksAndMessages(null);
                        break;
                    case MotionEvent.ACTION_MOVE://移动的动作
                        //发送空消息使其暂停自动轮播
                        handler.removeCallbacksAndMessages(null);
                        break;
                    case MotionEvent.ACTION_CANCEL://取消
                        //重新发送,继续自动轮播
                        handler.sendEmptyMessageDelayed(0, 1000 * 5);
                        break;
                    case MotionEvent.ACTION_UP://抬起
                        //重新发送,继续自动轮播
                        handler.sendEmptyMessageDelayed(0, 1000 * 5);
                        break;
                    default:
                        break;
                }
                //返回true表示自己处理事件
                return true;
            }
        });

        //添加
        container.addView(imageView);

        //返回图片
        return imageView;
    }

    /**
     * 删除图片
     *
     * @param container
     * @param position
     * @param object
     */
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((View) object);
    }
}

shape_little_circle_0.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF" />
    <corners android:radius="10dp" />
    <size
        android:width="7dp"
        android:height="7dp" />
</shape>

shape_little_circle_1.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#666666" />
    <corners android:radius="10dp" />
    <size
        android:width="7dp"
        android:height="7dp" />
</shape>