Android Banner 圖片輪播的簡單使用

使用了Banner這個框架，感覺不錯，記錄一下。

Banner GitHub地址 ：https://github.com/youth5201314/banner

效果：

導入依賴

implementation 'com.youth.banner:banner:1.4.10'

申請權限：

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

添加布局

<com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="200dp"></com.youth.banner.Banner>

在Activity 中編寫代碼，實現 OnBannerListener 接口

 

public class MainActivity 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_main);

        initView();
        initData();
        initEvent();
    }

    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");
        //設置內置樣式，共有六種可以點入方法內逐一體驗使用。
        banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR);
        //設置圖片加載器，圖片加載器在下方
        banner.setImageLoader(new GlideImageLoader());
        //設置圖片網址或地址的集合
        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();
    }

    private void initData() {
    }

    private void initEvent() {
    }

    @Override
    public void OnBannerClick(int position) {
        Log.i("tag", "你點了第"+position+"張輪播圖");
    }
}

圖片加載器類：

public class GlideImageLoader extends ImageLoader{

    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        /**
         注意：
         1.圖片加載器由自己選擇，這裏不限制，只是提供幾種使用方法
         2.返回的圖片路徑爲Object類型，由於不能確定你到底使用的那種圖片加載器，
         傳輸的到的是什麼格式，那麼這種就使用Object接收和返回，你只需要強轉成你傳輸的類型就行，
         切記不要胡亂強轉！
         */
        Glide.with(context).load((String) path).into(imageView);
    }
}

 

banner.setBannerStyle()  設置輪播樣式
banner.setBannerAnimation(Transformer.Default); 設置輪播的動畫效果

還有要記得加代碼混淆，不然在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.** {
    *;
 }

關於報錯的問題：

     經測試發現會報 java.io  Cleartext HTTP traffic to ww4.sinaimg.cn not permitted 

     如果你也出現了這種錯誤，是說不允許明文傳輸。

     請參考這個博客：https://blog.csdn.net/EvloutionPLUS/article/details/103257523