1. 程式人生 > >android輪播圖Banner的使用及詳解

android輪播圖Banner的使用及詳解

今天帶給大家一個比較實用的輪播圖框架,banner
1.匯入依賴

'com.youth.banner:banner:1.4.9'

2.新增許可權

<uses-permission android:name="android.permission.INTERNET" />//聯網
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />//讀取外接儲存卡

3.添加布局

<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="150dp" />

4.在Activity 中編寫程式碼,相關程式碼含義已經全部添加註釋

public class MyBanner extends AppCompatActivity implements OnBannerListener {
    private Banner banner;
    private ArrayList<String> list_path;
    private
ArrayList<String> list_title; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_my_banner); initView(); } private void initView() { banner = (Banner) findViewById(R.id.banner); //放圖片地址的集合
list_path = new ArrayList<>(); //放標題的集合 list_title = new ArrayList<>(); list_path.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic21363tj30ci08ct96.jpg"); list_path.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic259ohaj30ci08c74r.jpg"); list_path.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2b16zuj30ci08cwf4.jpg"); list_path.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2e7vsaj30ci08cglz.jpg"); list_title.add("好好學習"); list_title.add("天天向上"); list_title.add("熱愛勞動"); list_title.add("不搞物件"); //設定內建樣式,共有六種可以點入方法內逐一體驗使用。 banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE); //設定圖片載入器,圖片載入器在下方 banner.setImageLoader(new MyLoader()); //設定圖片網址或地址的集合 banner.setImages(list_path); //設定輪播的動畫效果,內含多種特效,可點入方法內查詢後內逐一體驗 banner.setBannerAnimation(Transformer.Default); //設定輪播圖的標題集合 banner.setBannerTitles(list_title); //設定輪播間隔時間 banner.setDelayTime(3000); //設定是否為自動輪播,預設是“是”。 banner.isAutoPlay(true); //設定指示器的位置,小點點,左中右。 banner.setIndicatorGravity(BannerConfig.CENTER) //以上內容都可寫成鏈式佈局,這是輪播圖的監聽。比較重要。方法在下面。 .setOnBannerListener(this) //必須最後呼叫的方法,啟動輪播圖。 .start(); } //輪播圖的監聽方法 @Override public void OnBannerClick(int position) { Log.i("tag", "你點了第"+position+"張輪播圖"); } //自定義的圖片載入器 private class MyLoader extends ImageLoader { @Override public void displayImage(Context context, Object path, ImageView imageView) { Glide.with(context).load((String) path).into(imageView); } } }

還有要記得加程式碼混淆,不然在release(正式環境下會報錯)

# glide 的混淆程式碼
-keep public class * implements com.bumptech.glide.module.GlideModule
-keep public enum com.bumptech.glide.load.resource.bitmap.ImageHeaderParser$** {
  **[] $VALUES;
  public *;
}
# banner 的混淆程式碼
-keep class com.youth.banner.** {
    *;
 }