XBanner

支持图片无限轮播的控件，可进行自定义功能。

主要功能：

• 支持根据服务端返回的数据动态设置广告条的总页数
• 支持大于等于1页时的无限循环自动轮播、手指按下暂停轮播、抬起手指开始轮播
• 支持自定义状态指示点位置 左 、中 、右
• 支持自定义状态指示点
• 支持监听 item 点击事件
• 支持设置图片轮播间隔
• 支持指示器背景的修改及隐藏/显示
• 支持显示提示性文字功能
• 支持图片切换动画,目前支持10种切换动画，具体可看demo
• 支持设置图片切换速度
• 支持设置数字指示器
• 支持Glide/Fresco等主流图片加载框架加载图片

效果图

xbanner.gif

基本使用

1.添加Gradle依赖

dependencies {
    compile 'com.xhb:xbanner:1.3.1'
}

或者libs文件夹添加xbanner-1.3.1.aar

repositories {
        flatDir {
            dirs 'libs'
        }
    }

compile(name: 'xbanner-1.3.1', ext: 'aar')

2.在清单文件中添加网络权限

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

3.在布局文件中添加XBanner

    <com.stx.xhb.xbanner.XBanner
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/banner_1"
        android:layout_width="match_parent"
        android:layout_height="180dp"
        app:AutoPlayTime="3000"
        app:pointsContainerBackground="#44aaaaaa"
        app:pointNormal="@drawable/shape_noraml"
        app:pointSelect="@drawable/shape_selected"
        app:pointsPosition="RIGHT"
        app:tipTextSize="12sp"
        app:isShowNumberIndicator="true"
        app:isShowIndicatorOnlyOne="true"
        app:pageChangeDuration="800"/>

4.在Activity或者Fragment中配置

初始化:直接传入视图集合进行初始化

        List<String> imgesUrl = new ArrayList<>();
        imgesUrl.add("http://img3.fengniao.com/forum/attachpics/913/114/36502745.jpg");
        imgesUrl.add("http://imageprocess.yitos.net/images/public/20160910/99381473502384338.jpg");
        imgesUrl.add("http://imageprocess.yitos.net/images/public/20160910/77991473496077677.jpg");
        imgesUrl.add("http://imageprocess.yitos.net/images/public/20160906/1291473163104906.jpg");
        //添加广告数据
        mBannerNet.setData(imgesUrl,null);//第二个参数为提示文字资源集合

5.加载广告

可根据自己项目需要使用相应的图片加载工具进行加载图片，此处使用Glide，进行加载，可配置占位图等

 mBannerNet.setmAdapter(this);
 @Override
    public void loadBanner(XBanner banner, View view, int position) {
        Glide.with(this).load(imgesUrl.get(position)).into((ImageView) view);
    }

6.监听广告 item 的单击事件

 mBannerNet.setOnItemClickListener(new XBanner.OnItemClickListener() {
            @Override
            public void onItemClick(XBanner banner, int position) {
                Toast.makeText(MainActivity.this, "点击了第"+position+"图片", Toast.LENGTH_SHORT).show();
            }
        });

7.为了更好的体验，建议j在添加以下代码

  /** 为了更好的体验效果建议在下面两个生命周期中调用下面的方法 **/
    @Override
    protected void onResume() {
        super.onResume();
        mXBanner.startAutoPlay();
    }

    @Override
    protected void onStop() {
        super.onStop();
        mXBanner.stopAutoPlay();
    }

8.当使用Fresco加载图片时，需要自定义布局文件

1.自定义xml布局文件 image_fresco.layout

 <?xml version="1.0" encoding="utf-8"?>
 <com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/my_image_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
  />

2.使用setData()方法进行设置

   mXBanner.setData(R.layout.image_fresco.layout,mOthersList,tips);

自定义属性说明

混淆配置

##XBanner 图片轮播混淆配置
-keep class com.stx.xhb.xbanner.**{*;}

demo下载：蓝奏云