1. 程式人生 > >Banner自動輪播加標題和頁碼

Banner自動輪播加標題和頁碼

用Banner實現自動輪播圖,帶有標題和頁碼。

效果圖
在這裡插入圖片描述
首先需要匯入依賴!

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

接下來就是佈局

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

java程式碼

		Banner banner=findViewById(R.id.bann);
		//找到Banner
		ArrayList<String> img=new ArrayList();
        for (int i=0;i<3;i++){//可以使用網路解析,我就給默認了
            img.add(圖片網址);
        }
        
        ArrayList<String> title=new ArrayList();
        for (int i=0;i<3;i++){//可以使用網路解析,我就給默認了
            title.add(圖片標題);
        }
         //標題集合有多長,圖片集合就得有多長。
        banner.setImages(img);//banner需要一個內容是網址的集合
        banner.setImageLoader(new ImageLoader() {
            @Override
            public void displayImage(Context context, Object path, ImageView imageView) {
                String s = (String) path;
                Glide.with(Fragment_shi.this).load(s).into(imageView);//**注意**!,這是解析圖片
                的一種方式想要使用的可以匯入依賴{implementation 'com.github.bumptech.glide:glide:3.8.0'}	導完以後就可以使用了。
            }
        });
        banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);//設定頁碼與標題
        //這裡可以改變頁碼的樣式,可以自己試試BannerConfig.
        banner.setBannerTitles(title);//設定標題,引數是一個String型別的集合
   
        banner.isAutoPlay(true);//設定是否持續輪播
        banner.setDelayTime(2000);//設定每次輪播的時長
        banner.start();//程式碼執行

有小夥伴可能就要想到了,點選圖片事件呢?
下面就是圖片的點選事件

banner.setOnClickListener(this);
@Override
    public void onClick(View view) {
        switch (view.getId()){
            case 0:
                break;
            case 1:
                break;
            case 2:
                break;
        }
    }

對應的就是各個圖片的點選事件。
希望對你有幫助。