Android轮播图控件之Banner学习使用

一、概述
1、介绍
Banner能实现循环播放多个广告图片和手动滑动循环等功能。因为原生ViewPager并不支持循环翻页,
要实现循环还得需要自己去动手。Banner框架可以进行不同样式、不同动画设置,以及完善的api方法能满足大部分软件首页轮播图效果的需求.(参考官网)
2、控件功能特点

  • 加载本地资源
  • 简单使用
  • 详细使用
  • 在列表中(ListView)使用
  • banner动画
  • banner内置样式
  • banner指示器位置设置
  • 自定义样式
  • 自定义ViewPager

3、常量
BannerConfig.LEFT 指示器居左 setIndicatorGravity
BannerConfig.CENTER 指示器居中 setIndicatorGravity
BannerConfig.RIGHT 指示器居右 setIndicatorGravity
其它常量及动画常量类、方法名参考官网地址

4、使用场景
项目中需要广告轮播图

5、官网参考:
github:https://github.com/youth5201314/banner

二、实现效果
1、Demo效果
Android轮播图控件之Banner学习使用_第1张图片
2、Demo地址:
https://github.com/TDCQZD/BannerTest

三、如何使用控件?
1、依赖库

compile 'com.youth.banner:banner:1.4.9'  //最新版本

如果使用Glide或Picasso或Fresco自定义图片加载器需要另外依赖库

    compile 'com.facebook.fresco:fresco:0.12.0'
    compile 'com.github.bumptech.glide:glide:3.7.0'
    compile 'com.squareup.picasso:picasso:2.5.2'

2、配置AndroidManifest.xml

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

3、使用
布局

 <com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="自定义高度">
    com.youth.banner.Banner>

Activity中调用

   Banner banner = (Banner) findViewById(R.id.banner);
//banner.setImages(App.images).setImageLoader(new GlideImageLoader()).start();
        //设置图片加载器
        banner.setImageLoader(new GlideImageLoader());
        //设置图片集合
        banner.setImages(App.images);
        //banner设置方法全部调用完毕时最后调用
        banner.start();

详细使用参考Demo

四、源码解析

参考官网地址

五、总结
广告轮播图的一般使用与商城或金融类APP,实现广告轮播图还可以使用ViewPager。但是已经有大神封装了功能强大的Banner控件,那为什么不采用呢?在官网中还有如何混淆控件代码,请自行参考。

结束语:
首先感谢尚硅谷无偿提供的学习资料。写博客是为了帮助开发者学习使用技术,同时巩固自己所学技术。如果此篇博客有助于您的学习,那是我的荣幸!如果此篇博客有任何瑕疵,请多多指教!在此感谢您的学习和指教!

你可能感兴趣的:(Android)