1. 程式人生 > >Android Banner 現實自動輪播 ,小圓點 標題

Android Banner 現實自動輪播 ,小圓點 標題

對應一臉

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

對應佈局

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

</com.youth.banner.Banner>

下面來看下Activity

public class MainActivity extends AppCompatActivity  implements OnBannerListener {


 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);
        banner = findViewById(R.id.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.** {
    *;
    }*/


}