Banner轮播图的实现

Step 1.依赖banner

Gradle
dependencies{

compile 'com.youth.banner:banner:1.4.9'
compile 'com.github.bumptech.glide:glide:3.7.0'
}

Step 2.添加权限到你的 AndroidManifest.xml

[html]  view plain  copy

1. <!-- if you want to load images from the internet -->  
2. <uses-permission android:name="android.permission.INTERNET" />   
3. <!-- if you want to load images from a file OR from the internet -->  
4. <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />  

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

[html]  view plain  copy

1. <com.youth.banner.Banner  
2.     xmlns:app="http://schemas.android.com/apk/res-auto"  
3.     android:id="@+id/banner"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="高度自己设置" />  

Step 4.在Activity或者Fragment中配置Banner，

（网络请求的数据，图片得手动添加，不能使用for循环）

[java]  view plain  copy

1. private List<String> imageArray;  
2.     private List<String> imageTitle;  
3.     private Banner mBanner;  
4.   
5.     @Override  
6.     protected void onCreate(Bundle savedInstanceState) {  
7.         super.onCreate(savedInstanceState);  
8.         setContentView(R.layout.activity_main);  
9.   
10.         //设置图片加载集合  
11.         imageArray=new ArrayList<>();  
12.   
13.         imageArray.add("http://img3.imgtn.bdimg.com/it/u=2758743658,581437775&fm=15&gp=0.jpg");  
14.         imageArray.add("http://img3.imgtn.bdimg.com/it/u=2105877023,3759180926&fm=15&gp=0.jpg");  
15.         imageArray.add("http://img2.imgtn.bdimg.com/it/u=1876814088,3589919070&fm=15&gp=0.jpg");  
16.   
17.         //设置图片标题集合  
18.         imageTitle=new ArrayList<>();  
19.         imageTitle.add("aaaaaaaaa");  
20.         imageTitle.add("bbbbbbbbb");  
21.         imageTitle.add("ccccccccc");  
22.   
23.         mBanner = (Banner) findViewById(R.id.banner);  
24.         //设置banner样式  
25.         mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);  
26.         //设置图片加载器  
27.         mBanner.setImageLoader(new GlideImageLoader());  
28.         //设置图片集合  
29.         mBanner.setImages(imageArray);  
30.         //设置banner动画效果  
31.         mBanner.setBannerAnimation(Transformer.RotateDown);  
32.         //设置标题集合（当banner样式有显示title时）  
33.         mBanner.setBannerTitles(imageTitle);  
34.         //设置轮播时间  
35.         mBanner.setDelayTime(1500);  
36.         //设置指示器位置（当banner模式中有指示器时）  
37.         mBanner.setIndicatorGravity(BannerConfig.CENTER);  
38.         //banner设置方法全部调用完毕时最后调用  
39.         mBanner.start();  
40.     }  

Step 5.重写图片加载器

[java]  view plain  copy

1. private class GlideImageLoader extends ImageLoader {  
2.   
3.         @Override  
4.         public void displayImage(Context context, Object path, ImageView imageView) {  
5.             //Glide 加载图片简单用法  
6.             Glide.with(context).load((String) path).into(imageView);  
7.         }  
8.     }