Banner實作廣告無限輪播

前些天寫了一篇廣告輪播的文章，代碼比較多， 今天來研究一個封裝完整的廣告輪播庫---Banner！！

1.既然是第三方庫，首先需要加載庫:appcompile 'com.youth.banner:banner:1.4.2'

2.導入Jar包，這裡用的glide，Google推薦，親兒子。glide下載下傳

3.布局檔案：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="visahall.cn.testbanner.MainActivity">

    <com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="高度自己定義"
        ></com.youth.banner.Banner>
</RelativeLayout>
           

4.來一個工具類，GlideImageLoader：

public class GlideImageLoader extends ImageLoader{
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        //Glide 加載圖檔用法
        Glide.with(context).load(path).into(imageView);
    }
}
           

5.下面就是Activity裡了：

public class MainActivity extends AppCompatActivity {

    private Banner banner;
    private List<String> imageUrl;
    private List<String> bannerTitle;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initData();
        initView();

    }

    private void initData() {

        //圖檔位址
        imageUrl = new ArrayList<>();
        imageUrl.add("http://img05.tooopen.com/images/20140604/sy_62331342149.jpg");
        imageUrl.add("http://pic33.nipic.com/20130916/3420027_192919547000_2.jpg");
        imageUrl.add("http://img.taopic.com/uploads/allimg/121017/234940-12101FR22825.jpg");


        //Title名稱
        bannerTitle = new ArrayList<>();
        bannerTitle.add("一");
        bannerTitle.add("二");
        bannerTitle.add("三");
    }

    private void initView() {
        banner = (Banner) findViewById(R.id.banner);
        banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE);
        banner.setImageLoader(new GlideImageLoader());
        banner.setImages(imageUrl);
        banner.setBannerTitles(bannerTitle);
        banner.setDelayTime(3000);
        banner.start();
    }
}
           

這樣我們的廣告輪播就完成了。

當然Banner還有很多的設定，下面貼出屬性和方法：

ok,到此結束，希望幫到了你。

Demo下載下傳