android轮播图Banner的使用及详解

今天朋友问我banner的在使用中，怎么去掉banner上的小圆点，发给我一个他使用的banner，

原博文地址：http://blog.csdn.net/qq_36621990/article/details/76020236。

其实使用起来很简单，我在其基础上只是添加了一些解释：

首先是添加依赖：

compile 'com.youth.banner:banner:1.4.9'
compile 'com.github.bumptech.glide:glide:3.7.0'

添加权限：

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />/

布局：

<com.youth.banner.Banner
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/banner"
    android:layout_width="match_parent"
    android:layout_height="150dp" />

其中可以设置小圆点的属性：

app:indicator_drawable_selected=""
app:indicator_drawable_unselected=""
app:indicator_height=""
app:indicator_width=""
app:indicator_margin=""

标题的属性：

app:title_background=""
app:title_height=""
app:title_textcolor=""
app:title_textsize=""

drawable文件：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/colorPrimary"/>
</shape>

当然，color必须要写在color 文件下，否则不会生效。

最后就是在activity的内容了：

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.util.Log;
import android.widget.ImageView;

import com.bumptech.glide.Glide;
import com.youth.banner.Banner;
import com.youth.banner.BannerConfig;
import com.youth.banner.Transformer;
import com.youth.banner.listener.OnBannerListener;
import com.youth.banner.loader.ImageLoader;

import java.util.ArrayList;

/**
 * Created by jiangyue on 18/3/21.
 */

public class BannerActivity extends Activity implements OnBannerListener {
    Banner banner;
    private ArrayList<String> list_path;
    private ArrayList<String> list_title;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_banner);
        initView();
    }
    private void initView() {
        banner = (Banner) findViewById(R.id.banner);
        //放图片地址的集合
        list_path = new ArrayList<>();
        //放标题的集合
        list_title = new ArrayList<>();

        list_path.add("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1521625955166&di=1639eb31ffb7f7ae1ad9a57c3bd917c8&imgtype=0&src=http%3A%2F%2Fa4.topitme.com%2Fo%2F201101%2F21%2F12955411601449.jpg");
        list_path.add("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1521625955164&di=e17c923adcc79f25b1d71fe4bb1f24cd&imgtype=0&src=http%3A%2F%2Fphotocdn.sohu.com%2F20150917%2FImg421411532.jpg");
        list_path.add("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1521625955154&di=de1b73d36aa68479334f1a709b56b6d1&imgtype=0&src=http%3A%2F%2Fwww.people.com.cn%2Fmediafile%2Fpic%2F20180305%2F1%2F12593739996219706745.jpg");
        list_path.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2e7vsaj30ci08cglz.jpg");
        list_title.add("好好学习");
        list_title.add("天天向上");
        list_title.add("热爱劳动");
        list_title.add("不搞对象");
        //设置内置样式，共有六种可以点入方法内逐一体验使用。
        banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
        //设置图片加载器，图片加载器在下方
        banner.setImageLoader(new MyLoader());
        //设置图片网址或地址的集合
        banner.setImages(list_path);
        //设置轮播的动画效果，内含多种特效，可点入方法内查找后内逐一体验
        banner.setBannerAnimation(Transformer.Default);
        //设置轮播图的标题集合
        banner.setBannerTitles(list_title);

        //设置轮播间隔时间
        banner.setDelayTime(3000);
        //设置是否为自动轮播，默认是“是”。
        banner.isAutoPlay(true);
        //设置指示器的位置，小点点，左中右。
        banner.setIndicatorGravity(BannerConfig.CENTER);
        //以上内容都可写成链式布局，这是轮播图的监听。比较重要。方法在下面。
        banner.setOnBannerListener(this);
        //必须最后调用的方法，启动轮播图。
        banner.start();
    }
    //轮播图的监听方法
    @Override
    public void OnBannerClick(int position) {
        Log.i("tag", "你点了第"+position+"张轮播图");
    }
    //自定义的图片加载器
    private class MyLoader extends ImageLoader {
        @Override
        public void displayImage(Context context, Object path, ImageView imageView) {
            Glide.with(context).load((String) path).into(imageView);
        }
    }}

在

banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);

时有多个属性：

CIRCLE_INDICATOR_TITLE_INSIDE ： 显示标题和小圆点

CIRCLE_INDICATOR :  显示小圆点，不现实标题

DURATION : 小圆点、标题都不显示