XBanner支持图片无限轮播控件,可自定义功能

来源:互联网 发布:2017年10月份非农数据 编辑:程序博客网 时间:2024/06/06 14:59

【转载,请注明出处】,博客链接:http://blog.csdn.net/jxnk25/article/details/52583441

XBanner

支持图片无限轮播的控件,可进行自定义功能,可满足市场上大部分的图片轮播功能需求,可定制开发,具体可参考Github上的Demo以及开发文档。

主要功能:

  • 支持根据服务端返回的数据动态设置广告条的总页数
  • 支持大于等于1页时的无限循环自动轮播、手指按下暂停轮播、抬起手指开始轮播
  • 支持自定义状态指示点位置 左 、中 、右
  • 支持自定义状态指示点
  • 支持监听 item 点击事件
  • 支持设置图片轮播间隔
  • 支持指示器背景的修改及隐藏/显示

效果图

gif.gif

基本使用

1.添加Gradle依赖

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

2.在布局文件中添加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:pointsPosition="CENTER"        app:AutoPlayTime="3000"        app:pointsContainerBackground="#44aaaaaa"        app:pointNormal="@drawable/shape_noraml"        app:pointSelect="@drawable/shape_selected"/>

3.在Activity或者Fragment中配置

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

        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);

4.加载广告

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

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

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

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

自定义属性说明

属性名 属性说明 属性值 isAutoPlay 是否支持自动轮播 boolean类型,默认为true AutoPlayTime 图片轮播时间间隔 int值,默认为5s pointNormal 指示器未选中时状态点 drawable,不设置的话为默认状态点 pointSelect 指示器选中时状态点 drawable,不设置的话为默认状态点 pointsVisibility 是否显示指示器 boolean类型,默认为true pointsPosition 指示点显示位置 LEFT、CENTER、RIGHT类型,默认为CENTER pointsContainerBackground 指示器背景 可自定义设置指示器背景

混淆配置

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

关于我

个人邮箱:xhb_199409@163.com

GitHub主页

简书主页

个人博客

如果喜欢,还请statr或Fork进行支持,谢谢。

3 0
原创粉丝点击