Banner实现广告无限轮播

最新推荐文章于 2024-06-24 17:55:20 发布

dong_junshuai

最新推荐文章于 2024-06-24 17:55:20 发布

阅读量2.9k

点赞数

分类专栏： Android 文章标签：广告轮播 Banner Android

本文链接：https://blog.csdn.net/dong_junshuai/article/details/53301600

版权

Android 专栏收录该内容

39 篇文章 1 订阅

订阅专栏

前些天写了一篇广告轮播的文章，代码比较多，今天来研究一个封装完整的广告轮播库---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下载