Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigureView控件

最近用到需要无限轮播自动播放的轮播轮播图，网上感觉都有这样那样的问题，于是自己写了一个通用的控件CarouselFigureView。

特点：

1.可以轮播view可以自己定义，不一定是要是ImageView2.指示器默认显示，但是可以隐藏3.可以设置指示器的颜色、间距、大小 4.有基础的可以自己修改代码改变指示器位置，这个应该不难5.可以自己开启和关闭自动轮播，开启轮播的时候可以设置轮播时间间隔，默认3000毫秒

我们先来看看效果图：

然后来看看使用代码

xml代码

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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:fitsSystemWindows="true"
  tools:context="com.winston.base.myviewpager.MainActivity">
  <com.winston.base.myviewpager.carousefigure.CarouselFigureView
    android:id="@+id/carouselFigureView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
</FrameLayout>

activity代码

<pre name="code" class="html">package com.winston.base.myviewpager;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.winston.base.myviewpager.carousefigure.CarouseFigureBaseAdapter;
import com.winston.base.myviewpager.carousefigure.CarouselFigureView;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
  private List<String> urls = new ArrayList<>();
  private CarouselFigureView carouselFigureView;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    ImageLoader.getInstance().init(ImageLoaderConfiguration.createDefault(this));
    urls.add("http://h.hiphotos.baidu.com/image/h%3D300/sign=c9dd5806ab6eddc439e7b2fb09dab6a2/377adab44aed2e734cfdf0cf8101a18b87d6fa39.jpg");
    urls.add("http://e.hiphotos.baidu.com/image/h%3D300/sign=7aac96eab0003af352bada60052bc619/b58f8c5494eef01f76566e26e6fe9925bd317d96.jpg");
    urls.add("http://b.hiphotos.baidu.com/image/h%3D300/sign=c5d06d0ea5cc7cd9e52d32d909002104/32fa828ba61ea8d3946002e7910a304e241f5896.jpg");
    urls.add("http://f.hiphotos.baidu.com/image/h%3D360/sign=76a2918f0bb30f242a9aea05f894d192/a8014c086e061d9507500dd67ff40ad163d9cacd.jpg");
    setContentView(R.layout.activity_main);
    carouselFigureView = (CarouselFigureView)findViewById(R.id.carouselFigureView);
    carouselFigureView.setAdapter(new CarouseFigureBaseAdapter(){
      <pre name="code" class="html"><span style="white-space:pre">  </span>//这里返回要轮播的view的数量
<span style="white-space:pre">  </span> @Override
      public int getSize() {
        return urls.size();
      }
<span style="white-space:pre">  </span>//这里是关键，根据position返回对应的view（就是对于的轮播图）
      @Override
      public View getView(int position) {
        ImageView view = new ImageView(MainActivity.this);
        ImageLoader.getInstance().displayImage(urls.get(position),view);
        return view;
      }
    });
    //设置指示点的大小,默认8 单位dp
    carouselFigureView.setPointSize(16);
    //设置指示点的颜色,默认选中红色 ，其他灰色
//    carouselFigureView.setPointColor(Color.BLUE,Color.BLACK);
    //设置指示点离底部具距离，默认40 单位dp
//    carouselFigureView.setIndicatorMarginBottom(260);
    //设置指示点间距，默认20 单位dp
    carouselFigureView.setPointSpacing(40);
    //设置是否显示指示器，默认显示
//    carouselFigureView.isShowIndicator(false);
  }
  @Override
  protected void onResume() {
    super.onResume();
    //开始轮播
    carouselFigureView.start();
  }
  @Override
  protected void onPause() {
    super.onPause();
    //停止轮播
    carouselFigureView.stop();
  }
} 

以上所述是小编给大家介绍的Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigureView控件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！