viewpager无限自动轮播加小圆点快速实现

1.先在自己工程的build.gradle中添加两个依赖,这两个依赖很重要,我们在之后会用到。

  compile 'com.youth.banner:banner:1.4.9'

  compile 'com.github.bumptech.glide:glide:3.7.0'

2.新建一个工具类,实现依赖包下的imageloader

  具体包名是import com.youth.banner.loader.ImageLoader,这个如果你在用imageloader的图片加    载器的话,很容易倒错包,这个要特别注意。

   然后在本类中重写方法

  @Override

  public void displayImage(Context context, Object path, ImageView imageView) {

  Glide.with(context).load(path).into(imageView);

  }

3.布局文件很有意思,之前我们viewpager加小圆点实现无限轮播会用到viewpager和其他控件

但是,使用这个方法之后就不需要了。我们只需布局文件中使用我们导入的banner自定义控件就好了。

  android:id="@+id/myBanner"

android:layout_width="match_parent"

android:layout_height="200dp"

>

4.到了最为关键的一步,我们在主界面先得到布局,也就是我们写好的banner

banner = (Banner) findViewById(R.id.myBanner);

然后写一个方法就可以了

private void getBanner() {      

banner.setImageLoader(new ImageLoaderBanner());       

list = new ArrayList();

list.add(img1);

list.add(img2);

list.add(img3);

list.add(img4);

banner.setImages(list);

banner.start();

}

list集合里面是图片的地址,自己也可以根据需要改动集合,这都没关系。这也就实现了viewpager加小圆点的无限轮播功能,下面是静态的一个效果。

viewpager无限自动轮播加小圆点快速实现_第1张图片

你可能感兴趣的:(viewpager无限自动轮播加小圆点快速实现)