美文网首页
viewpager无限自动轮播加小圆点快速实现

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

作者: 旧歌i | 来源:发表于2017-08-24 20:35 被阅读156次

    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自定义控件就好了。

    <com.youth.banner.Banner

      android:id="@+id/myBanner"

    android:layout_width="match_parent"

    android:layout_height="200dp"

    ></com.youth.banner.Banner>

    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无限自动轮播加小圆点快速实现

          本文链接:https://www.haomeiwen.com/subject/nmxqdxtx.html