广告栏(自动轮播,无限循环)-图片轮播控件Banner的简单使用总结

Gradle

dependencies{compile 'com.youth.banner:banner:1.1.5'  //指定版本compile 'com.youth.banner:banner:+' //最新版本
}

常量

方法名	描述
Banner.NOT_INDICATOR	不显示指示器和标题
Banner.CIRCLE_INDICATOR	显示圆形指示器
Banner.NUM_INDICATOR	显示数字指示器
Banner.NUM_INDICATOR_TITLE	显示数字指示器和标题
Banner.CIRCLE_INDICATOR_TITLE	显示圆形指示器和标题
Banner.LEFT	指示器居左
Banner.CENTER	指示器居中
Banner.RIGHT	指示器居右

方法

方法名	描述
setBannerStyle(int bannerStyle)	设置轮播样式（默认为Banner.NOT_INDICATOR）
setIndicatorGravity(int type)	设置轮播样式（没有标题默认为右边,有标题时默认左边）
isAutoPlay(boolean isAutoPlay)	设置是否自动轮播（默认自动）
setBannerTitle(String[] titles)	设置轮播要显示的标题和图片对应（如果不传默认不显示标题）
setDelayTime(int time)	设置轮播图片间隔时间（默认为2000）
setImages(Object[]/List<?> imagesUrl)	设置轮播图片(所有设置参数方法都放在此方法之前执行)
setImages(Object[]/List<?> imagesUrl,OnLoadImageListener listener)	设置轮播图片，并且自定义图片加载方式
setOnBannerClickListener(this)	设置点击事件，下标是从1开始
setOnBannerImageListener(this)	设置图片加载事件，可以自定义图片加载方式

使用步骤

1.在布局文件中添加Banner，可以设置自定义属性

简单使用

<com.youth.banner.Bannerxmlns:app="http://schemas.android.com/apk/res-auto"android:id="@+id/banner"android:layout_width="match_parent"android:layout_height="高度自己设置" />

深度自定义

<com.youth.banner.Bannerxmlns:app="http://schemas.android.com/apk/res-auto"android:id="@+id/banner"android:layout_width="match_parent"android:layout_height="高度自己设置"app:indicator_margin="指示器之间的间距"app:indicator_drawable_selected="指示器选中效果"app:indicator_drawable_unselected="指示器未选中效果"app:indicator_height="指示器圆形按钮的高度"app:indicator_width="指示器圆形按钮的宽度" />

2.在Activity或者Fragment中配置Banner

private Banner banner;
String[] images= new String[] {"url"};
String[] titles=new String[]{"标题"};
@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);banner = (Banner) findViewById(R.id.banner);/**
     * 需要什么设置，请看着文档在设置图片和标题前完成设置
     *///可以选择设置图片网址，或者资源文件，默认加载框架Glide//banner.setImages(images);//自定义图片加载框架banner.setImages(images, new Banner.OnLoadImageListener() {@Overridepublic void OnLoadImage(ImageView view, Object url) {Glide.with(getApplicationContext()).load(url).into(view);}});
}//如果你需要考虑更好的体验，可以这么操作
@Override
protected void onStart() {super.onStart();//在页面可见时开始轮播，//默认的是页面初始化时就开始轮播了，如果你不需要可以再onCreate方法里设置banner.isAutoPlay(false);banner.isAutoPlay(true);
}@Override
protected void onStop() {super.onStop();//在页面不可见时停止轮播banner.isAutoPlay(false);
}

广告栏(自动轮播,无限循环)-图片轮播控件Banner的简单使用总结相关推荐

html轮播图循环效果,TremulaJS-跨设备多功能的无限循环js轮播图插件
TremulaJS是一款非常酷的跨设备多功能的无限循环js轮播图插件.TremulaJS是一个客户端javascript UI组件,它基于贝兹曲线和物理动量效应制作各种效果,可以制作无限循环的图片流, ...
react无缝滚动_react 实现一个无限循环的轮播器附github地址
一个简单的轮播为了更具有通用和参考性,轮播组件中,轮播只使用了react,没有添加其他的状态管理,或者参数类型限制的库. 所以这个轮播的方法,同样可以用于vue 等其他框架 github地址最终效 ...
JAVA轮播器_Android 图片轮播器的实现及源码解析
在很多产品,尤其是电商类社区内的网页或者app中,我们经常会看到一个图片轮播墙,一页一页的广告/活动/商品介绍每隔一段时间就切换到下一张.那在安卓中我们该如何实现图片轮播器呢?面对自定义样式.自定义图 ...
html图片轮播replace,JavaScript图片轮播代码分享
为大家分享的JavaScript图片轮播代码如下无标题文档 .img-div img{display:none;} 1 2 3 4 5 var zBase= { $id:function(id){r ...
iOS 自定义无限循环滚动广告动画控件
iOS 自定义无限循环广告动画控件自定义循环滚动的广告控件,支持水平和竖直两个动画方向,页码标记是自定义的,可以随意控制大小位置和颜色等效果图: 下载地址: https://github.com ...
html5圆形图片轮播,jQuery超酷响应式圆形图片轮播图特效
mislider是一款效果非常酷的jQuery响应式圆形图片轮播图特效插件.该轮播图特效可以将图片以圆形图片显示,然后使图片无限循环形成轮播图或旋转木马特效.该轮播图插件的特点有: 使用简单在同一个 ...
图片轮播器(swift)
如何实现一个无限循环,无缝衔接的图片轮播器自己实现一次以后就不用使用轮播器的框架了能用代码解决的问题就不在这里瞎BB了 O(∩_∩)O 首先先在Carousel文件件夹创建以下几个文件 Caro ...
HTML圆形立体感轮播图,jQuery超酷响应式圆形图片轮播图特效
mislider是一款效果非常酷的jQuery响应式圆形图片轮播图特效插件.该轮播图特效可以将图片以圆形图片显示,然后使图片无限循环形成轮播图或旋转木马特效.该轮播图插件的特点有: 使用简单在同一个 ...
c语言实现图片轮播,纯css实现轮播图
轮播图的实现原理其实是比较简单的举个例子 main的宽度是100px div-main的宽度是500px 我们用js控制div-main往左或往右移动,这样就实现了轮播,简单把好了,先介绍个 cs ...

广告栏(自动轮播,无限循环)-图片轮播控件Banner的简单使用总结

Gradle

常量

方法

使用步骤

1.在布局文件中添加Banner，可以设置自定义属性

2.在Activity或者Fragment中配置Banner

广告栏(自动轮播,无限循环)-图片轮播控件Banner的简单使用总结相关推荐

最新文章

热门文章