前言

• Banner功能在Android開發(fā)中實(shí)在是太常見了，主要用于廣告輪播、商品照片輪播等等，如下圖：

圖片輪播

• 今天我來手把手教你如何使用一個(gè)能用易用好用的Android圖片輪播輪子。

Carson帶你學(xué)Android開源庫系列文章：
Carson帶你學(xué)Android：主流開源圖片加載庫對(duì)比(UIL、Picasso涡真、Glide、Fresco)
Carson帶你學(xué)Android：主流開源網(wǎng)絡(luò)請(qǐng)求庫對(duì)比(Volley账月、OkHttp综膀、Retrofit)
Carson帶你學(xué)Android：網(wǎng)絡(luò)請(qǐng)求庫Retrofit使用教程
Carson帶你學(xué)Android：網(wǎng)絡(luò)請(qǐng)求庫Retrofit源碼分析
Carson帶你學(xué)Android：圖片加載庫Glide使用教程
Carson帶你學(xué)Android：圖片加載庫Glide源碼分析
Carson帶你學(xué)Android：V-Layout，淘寶局齿、天貓都在用的UI框架剧劝，趕緊用起來吧！

目錄

文章目錄

1. 實(shí)現(xiàn)輪播功能為什么要選擇輪子抓歼？

主要原因是自己實(shí)現(xiàn)的話功能實(shí)現(xiàn)和性能優(yōu)化會(huì)耗費(fèi)太多工期讥此，包括拢锹；

耗費(fèi)原因1：功能實(shí)現(xiàn)

常見的Banner的功能主要有：

1. 實(shí)現(xiàn)圖片 & 標(biāo)語展示
2. 循環(huán)播放
3. 支持手動(dòng)切換
4. 支持加載本地 & 網(wǎng)絡(luò)圖片

耗費(fèi)原因2：性能優(yōu)化

1. 對(duì)于實(shí)現(xiàn)圖片展示：不止一張圖片 & 指示器展示
2. 對(duì)于循環(huán)播放：自動(dòng)、定時(shí)萄喳、無限 & 循環(huán)播放
3. 對(duì)于支持手動(dòng)切換：滑動(dòng)流暢 & 無卡頓
4. 對(duì)于支持加載本地 & 網(wǎng)絡(luò)圖片：加載速度 & 點(diǎn)擊打開圖片

好了你終于明白為什么要選擇輪子了

2. 如何選擇輪子卒稳？

選擇標(biāo)準(zhǔn)：

1. 實(shí)現(xiàn)上述所有功能

什么動(dòng)畫那些其實(shí)暫時(shí)我們并不需要，所以只需要能實(shí)現(xiàn)上述基本的功能就能滿足現(xiàn)在市面上大多數(shù)的功能了他巨。

2. 性能的優(yōu)化

上面說的一切一切充坑，比如說輪播是用ViewPager實(shí)現(xiàn)，但會(huì)出現(xiàn)卡頓什么的blabla

3. 配置程度高

可靈活設(shè)置圖片數(shù)量染突、循環(huán)時(shí)間捻爷、圖片加載的方式、指示器的樣式&位置等等

4. 簡潔易用
   千萬別忘了我們?yōu)槭裁匆幂喿樱份企。也榄。。司志。?/li>

按照上面的標(biāo)準(zhǔn)我們就可以開始去網(wǎng)上找輪子了甜紫。

好了不用去Google不用去Github不用去Bing找了（對(duì)不起我真的不建議你去百度），因?yàn)槲乙呀?jīng)幫你找了一個(gè)好輪子了：Android廣告圖片輪播控件

作者不是我骂远，我也沒收錢幫他打廣告囚霸，因?yàn)檫@個(gè)輪子真的能用、易用和好用吧史。

3. 使用步驟

步驟1. 加入依賴包
步驟2. 在需要展示的布局定義Banner布局
步驟3. 在MainActivity布局中定義配置Banner
步驟4. 在Manifest加入網(wǎng)絡(luò)請(qǐng)求權(quán)限

4. Demo實(shí)戰(zhàn)

沒有Demo的代碼講解不是好文章邮辽，讓我們來一步步學(xué)會(huì)使用這個(gè)好輪子

步驟1. 在gradle加入依賴包

compile 'com.youth.banner:banner:1.1.5'  //指定版本

步驟2. 在需要展示的布局定義Banner布局
main_layout.xml

<com.youth.banner.Banner   
 xmlns:app="http://schemas.android.com/apk/res-auto"  
  android:id="@+id/banner"    
  android:layout_width="match_parent" 
  android:layout_height="300dp" />

步驟3. 在MainActivity布局中定義配置Banner（具體請(qǐng)看注釋）
MainActivity.java

package com.example.carson_ho.android_banner;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;

import com.bumptech.glide.Glide;
import com.youth.banner.Banner;

public class MainActivity extends AppCompatActivity {
    private Banner banner;
    //設(shè)置圖片資源:url或本地資源
    String[] images= new String[] {
            "http://218.192.170.132/BS80.jpg",
            "http://img.zcool.cn/community/0166c756e1427432f875520f7cc838.jpg",
            "http://img.zcool.cn/community/018fdb56e1428632f875520f7b67cb.jpg",
            "http://img.zcool.cn/community/01c8dc56e1428e6ac72531cbaa5f2c.jpg",
            "http://img.zcool.cn/community/01fda356640b706ac725b2c8b99b08.jpg",
            "http://img.zcool.cn/community/01fd2756e142716ac72531cbf8bbbf.jpg",
            "http://img.zcool.cn/community/0114a856640b6d32f87545731c076a.jpg"};

    //設(shè)置圖片標(biāo)題:自動(dòng)對(duì)應(yīng)
    String[] titles=new String[]{"十大星級(jí)品牌聯(lián)盟，全場2折起","全場2折起","十大星級(jí)品牌聯(lián)盟","嗨購5折不要停","12趁現(xiàn)在","嗨購5折不要停贸营，12.12趁現(xiàn)在","實(shí)打?qū)嵈箜旐旐旐?};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    
        
        banner = (Banner) findViewById(R.id.banner);

        //設(shè)置樣式,默認(rèn)為:Banner.NOT_INDICATOR(不顯示指示器和標(biāo)題)
        //可選樣式如下:
        //1. Banner.CIRCLE_INDICATOR    顯示圓形指示器
        //2. Banner.NUM_INDICATOR   顯示數(shù)字指示器
        //3. Banner.NUM_INDICATOR_TITLE 顯示數(shù)字指示器和標(biāo)題
        //4. Banner.CIRCLE_INDICATOR_TITLE  顯示圓形指示器和標(biāo)題
        banner.setBannerStyle(Banner.CIRCLE_INDICATOR_TITLE);

        //設(shè)置輪播樣式（沒有標(biāo)題默認(rèn)為右邊,有標(biāo)題時(shí)默認(rèn)左邊）
        //可選樣式:
        //Banner.LEFT   指示器居左
        //Banner.CENTER 指示器居中
        //Banner.RIGHT  指示器居右
        banner.setIndicatorGravity(Banner.CENTER);

        //設(shè)置輪播要顯示的標(biāo)題和圖片對(duì)應(yīng)（如果不傳默認(rèn)不顯示標(biāo)題）
        banner.setBannerTitle(titles);

        //設(shè)置是否自動(dòng)輪播（不設(shè)置則默認(rèn)自動(dòng)）
        banner.isAutoPlay(true) ;

        //設(shè)置輪播圖片間隔時(shí)間（不設(shè)置默認(rèn)為2000）
        banner.setDelayTime(5000);
        //設(shè)置圖片資源:可選圖片網(wǎng)址/資源文件，默認(rèn)用Glide加載,也可自定義圖片的加載框架
        //所有設(shè)置參數(shù)方法都放在此方法之前執(zhí)行
        //banner.setImages(images);

        //自定義圖片加載框架
        banner.setImages(images, new Banner.OnLoadImageListener() {
            @Override
            public void OnLoadImage(ImageView view, Object url) {
                System.out.println("加載中");
                Glide.with(getApplicationContext()).load(url).into(view);
                System.out.println("加載完");
            }
        });
        //設(shè)置點(diǎn)擊事件岩睁，下標(biāo)是從1開始
        banner.setOnBannerClickListener(new Banner.OnBannerClickListener() {//設(shè)置點(diǎn)擊事件
            @Override
            public void OnBannerClick(View view, int position) {
                Toast.makeText(getApplicationContext(), "你點(diǎn)擊了：" + position, Toast.LENGTH_LONG).show();
            }
        });

步驟4：在Manifest.xml加入網(wǎng)絡(luò)請(qǐng)求權(quán)限

AndroidManifest.xml

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

效果圖

效果圖

源代碼

請(qǐng)移步Carson_Ho的Github-Android_Banner

5. 總結(jié)

• 本文主要對(duì)Android輪播的好輪子進(jìn)行了全面介紹
• 接下來我會(huì)繼續(xù)講解其他安卓開發(fā)的知識(shí)钞脂，感興趣的同學(xué)可以繼續(xù)關(guān)注Carson帶你學(xué)Android開源庫系列文章：

Carson帶你學(xué)Android：主流開源圖片加載庫對(duì)比(UIL、Picasso捕儒、Glide冰啃、Fresco)
Carson帶你學(xué)Android：主流開源網(wǎng)絡(luò)請(qǐng)求庫對(duì)比(Volley、OkHttp刘莹、Retrofit)
Carson帶你學(xué)Android：網(wǎng)絡(luò)請(qǐng)求庫Retrofit使用教程
Carson帶你學(xué)Android：網(wǎng)絡(luò)請(qǐng)求庫Retrofit源碼分析
Carson帶你學(xué)Android：圖片加載庫Glide使用教程
Carson帶你學(xué)Android：圖片加載庫Glide源碼分析
Carson帶你學(xué)Android：V-Layout阎毅，淘寶、天貓都在用的UI框架点弯，趕緊用起來吧扇调！

歡迎關(guān)注Carson_Ho的簡書

不定期分享關(guān)于安卓開發(fā)的干貨，追求短抢肛、平狼钮、快碳柱，但卻不缺深度。

請(qǐng)點(diǎn)贊熬芜！因?yàn)槟愕墓膭?lì)是我寫作的最大動(dòng)力莲镣！