Android入门Banner轮播图的使用（详解）

Banner是Android一个轮播图的框架，使用Banner让我们实现轮播效果的代码更加简洁化。

先上效果图：

1.添加依赖 ---- com.youth.banner:banner:1.4.9

implementation 'com.youth.banner:banner:1.4.9'

2.在xml布局文件中添加Banner控件

<com.youth.banner.Bannerandroid:id="@+id/banner"android:layout_width="match_parent"android:layout_height="100dp"></com.youth.banner.Banner>

3.需要在配置文件Manifest中添加网络权限：

  <uses-permission android:name="android.permission.INTERNET"></uses-permission><!--访问网络权限--><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"></uses-permission><!--读取外部储存卡-->

4.在Java代码中实例化Banner，Banner需要两个List集合来存放图片的URL，和对应的标题

        //存放地址的集合listPath = new ArrayList<>();//存放标题的集合listTitle = new ArrayList<>();listPath.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic21363tj30ci08ct96.jpg");listPath.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic259ohaj30ci08c74r.jpg");listPath.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2b16zuj30ci08cwf4.jpg");listPath.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2e7vsaj30ci08cglz.jpg");listTitle.add("a");listTitle.add("b");listTitle.add("c");listTitle.add("d");

5.设置Banner --- 图片我这里采用了Glide图片加载框架获取：

内置样式有好几种，可以自己尝试去设置一下看看变化。

//设置内置样式banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR);banner.setImageLoader(new MyLoader());//设置图片网址或地址的集合banner.setImages(listPath);//设置轮播图的标题集合banner.setBannerTitles(listTitle);//设置轮播间隔时间banner.setDelayTime(2000);//设置是否为自动轮播 默认是 “是”banner.isAutoPlay(true);//设置显示器的位置   小点点 左中右banner.setIndicatorGravity(BannerConfig.CENTER);//设置轮播图的监听  必须调用start() 启动轮播图banner.setOnBannerListener(this);banner.start();//一定不能缺start}//banner 单击方法@Overridepublic void OnBannerClick(int position) {Toast.makeText(this, "你点击了第" + position + "张轮播图", Toast.LENGTH_SHORT).show();}//图片加载类private class MyLoader implements ImageLoaderInterface {@Overridepublic void displayImage(Context context, Object path, View imageView) {Glide.with(MainActivity.this).load((String)path).into((ImageView) imageView);}@Overridepublic View createImageView(Context context) {return null;}}

最后不知道说啥，再来一张效果图吧。

Android入门Banner轮播图的使用（详解）相关推荐

Android Studio Banner轮播图
Banner轮播图使用步骤代码片段使用步骤 1.导依赖 2.写布局 3.图片集合(图片网址,图片资源id),标题集合 4.常用方法图片集合 banner.setImages(imgs); 加载 ...
android banner动画框架,Android Studio Banner轮播图使用
现在恰好有个项目需要做个轮播图效果,这个需求也是很常见的需求,于是就做个笔记写一下实现过程分为加载本地图片和网络图片加载本地图片第一步:先在build.gradle中加入banner和glide ...
最简洁,最全面的vue2.0实现轮播图实战教程详解
因为最近在做一个积分奖励项目,首页要做一个轮播图,正好借这这次机会把本次使用vue2.0实现轮播图的详细过程分享出来. 废话不多说,先来个效果图(备注:图片是临时在网上找的,各位关注轮播图效果即可): ...
Mint-UI 移动首页开发 - header导航、banner轮播图
Mint-UI 移动首页style排版问题:header导航.banner轮播图.footer底部版权··· ··· 资源预览: 中文 2.x官方文档(含演示地址): 文档首页中文 2.x官方文档( ...
html中制作banner,css banner轮播图怎么做？
css banner轮播图怎么做?下面本篇文章给大家简单介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 初步了解动画效果吧.轮播图我一直以为靠jquery插件完成的,突然发 ...
谷粒学院-首页数据显示-banner轮播图微服务搭建
新建banner轮播图微服务 1.在service模块下创建子模块service_cms 2.配置application.properties # 服务端口 server.port=8004 # 服务 ...
AxureRP实战（三）Banner轮播图交互（进阶篇）
前一篇<AxureRP实战(二)Banner轮播图交互(基础篇)>用淘宝的首页banner案例讲解了如何运用动态面板实现banner轮播图的切换,有了基本交互功能.但是,交互效果还有些欠缺 ...
banner轮播图切换插件
下载地址 banner轮播图切换插件,基于jquery实现的图片轮播效果. dd:
H5页面中的视频轮播（类似于banner轮播图效果）
先说下我的需求,如下图: 手机模型中间部分是视频播放,当一条视频播放完毕后,整屏会自动上滑切换到下一个视频. 详细效果展示请在PC端点击:http://www.17jianyue.cn/ 查看提起轮 ...

Android入门Banner轮播图的使用（详解）

Android入门Banner轮播图的使用（详解）相关推荐

最新文章

热门文章