Android 循环切换图片 ConvenientBanner简单应用

       引用 库地址：https://github.com/saiwu-bigkoo/Android-ConvenientBanner

                   

        demo是用Module方式依赖，

         studio 用的话直接添加个依赖就可以用了

gradle依赖：

 compile 'com.bigkoo:convenientbanner:2.0.5'

布局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">

    <com.bigkoo.convenientbanner.ConvenientBanner
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/convenientBanner"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:canLoop="true"
    />
</RelativeLayout>

      

      

Java代码：加载资源文件里面的图片

   

package test.example.xuexue.convenientbanner;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

import com.bigkoo.convenientbanner.ConvenientBanner;
import com.bigkoo.convenientbanner.holder.CBViewHolderCreator;
import com.bigkoo.convenientbanner.holder.Holder;

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

import javax.xml.transform.Transformer;

public class MainActivity extends AppCompatActivity {

    private ConvenientBanner convenientBanner;
    private List<Integer> imgs=new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imgs.add(R.drawable.b1);
        imgs.add(R.drawable.b2);
        imgs.add(R.drawable.b3);
        imgs.add(R.drawable.guide1);
        //找控件
        convenientBanner = (ConvenientBanner) findViewById(R.id.convenientBanner);
        convenientBanner.setPages(new CBViewHolderCreator() {
            @Override
            public Object createHolder() {
                return new LocalImageHolderView();
            }
        },imgs) //设置需要切换的View
                .setPointViewVisible(true)    //设置指示器是否可见
         //设置两个点图片作为翻页指示器，不设置则没有指示器，可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
         .setPageIndicator(new int[]{R.mipmap.ic_launcher,R.mipmap.ic_launcher})
                //设置指示器位置（左、中、右）
        .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.ALIGN_PARENT_RIGHT)
                .startTurning(2000)     //设置自动切换（同时设置了切换时间间隔）
                .setManualPageable(true)  //设置手动影响（设置了该项无法手动切换）

        //设置翻页的效果，不需要翻页效果可用不设
//        .setPageTransformer(Transformer.DefaultTransformer)
        ;
//        convenientBanner.setManualPageable(false);//设置不能手动影响

        }

    public class LocalImageHolderView implements Holder<Integer>{

        private ImageView imageView;
        @Override
        public View createView(Context context) {
            imageView = new ImageView(context);
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            return imageView;
        }

        @Override
        public void UpdateUI(Context context, int position, Integer data) {
            imageView.setImageResource(data);
        }
    }
}

     感觉比viewpager简单，易操作，这个可以自动实现自动轮播，小圆点

      

加载网络图片的JAVA代码：

convenientBanner.setPages(new CBViewHolderCreator() {
            @Override
            public Object createHolder() {
                return new LocalImageHolderView();
            }
        }, mList) //mList是图片地址的集合
                .setPointViewVisible(true)    //设置指示器是否可见
                //设置两个点图片作为翻页指示器，不设置则没有指示器，可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设
                .setPageIndicator(new int[]{R.drawable.normal, R.drawable.unnormal})
                //设置指示器位置（左、中、右）
                .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.CENTER_HORIZONTAL)
                .startTurning(2000)     //设置自动切换（同时设置了切换时间间隔）
                .setManualPageable(true)  //设置手动影响（设置了该项无法手动切换）
        ;
    }


    class LocalImageHolderView implements Holder<String> {

        private ImageView imageView;

        @Override
        public View createView(Context context) {
            imageView = new ImageView(context);
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            return imageView;
        }

        @Override
        public void UpdateUI(Context context, int position, String data) {

          //glide加载出图片，data是传过来的图片地址，
           Glide.with(mActivity).load(data).into(imageView);
        }
    }