1. 程式人生 > >Android輪播圖控制元件之Banner學習使用

Android輪播圖控制元件之Banner學習使用

一、概述
1、介紹
Banner能實現迴圈播放多個廣告圖片和手動滑動迴圈等功能。因為原生ViewPager並不支援迴圈翻頁,
要實現迴圈還得需要自己去動手。Banner框架可以進行不同樣式、不同動畫設定,以及完善的api方法能滿足大部分軟體首頁輪播圖效果的需求.(參考官網)
2、控制元件功能特點

  • 載入本地資源
  • 簡單使用
  • 詳細使用
  • 在列表中(ListView)使用
  • banner動畫
  • banner內建樣式
  • banner指示器位置設定
  • 自定義樣式
  • 自定義ViewPager

3、常量
BannerConfig.LEFT 指示器居左 setIndicatorGravity
BannerConfig.CENTER 指示器居中 setIndicatorGravity
BannerConfig.RIGHT 指示器居右 setIndicatorGravity
其它常量及動畫常量類、方法名參考

官網地址

4、使用場景
專案中需要廣告輪播圖

三、如何使用控制元件?
1、依賴庫

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

如果使用GlidePicassoFresco自定義圖片載入器需要另外依賴庫

    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控制元件,那為什麼不採用呢?在官網中還有如何混淆控制元件程式碼,請自行參考。

結束語:
首先感謝尚矽谷無償提供的學習資料。寫部落格是為了幫助開發者學習使用技術,同時鞏固自己所學技術。如果此篇部落格有助於您的學習,那是我的榮幸!如果此篇部落格有任何瑕疵,請多多指教!在此感謝您的學習和指教!