使用开源项目【Banner】实现轮播图效果（带小圆点）

最新推荐文章于 2024-06-20 10:18:49 发布

Rannki

最新推荐文章于 2024-06-20 10:18:49 发布

阅读量1.2k

点赞数 1

分类专栏：安卓开发学习文章标签：大数据

本文链接：https://blog.csdn.net/oAiYinSiTan12/article/details/125501503

版权

安卓开发学习专栏收录该内容

34 篇文章 1 订阅

订阅专栏

本文介绍了如何在Android应用中使用Banner2.0库创建广告轮播图，包括添加网络权限、依赖、布局配置以及使用Glide加载网络图片。示例代码详细展示了如何设置轮播图并自定义 Indicator。

摘要由CSDN通过智能技术生成

banner开源项目地址：GitHub - youth5201314/banner: 🔥🔥🔥Banner 2.0 来了！Android广告图片轮播控件，内部基于ViewPager2实现，Indicator和UI都可以自定义。

添加网路访问权限：

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

在【Android Manifest.xml】中的【application】加入【android:usesCleartextTraffic="true"】使用明文网络请求，否则就要把http访问改成https访问。API级别28或更高级别的应用默认为“ false”，false标识拒绝应用使用明文网络请求的意思。

添加依赖：

implementation 'io.github.youth5201314:banner:2.2.2' // banner依赖
implementation 'com.github.bumptech.glide:glide:4.12.0' //glide加载网络图片依赖

布局文件中加入：

<com.youth.banner.Banner
    android:id="@+id/banner"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    app:layout_constraintBottom_toTopOf="@+id/btn"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"/>

MainActivity中加入：

List<String> bannerList = new ArrayList<>();
bannerList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic21363tj30ci08ct96.jpg");
bannerList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic259ohaj30ci08c74r.jpg");
bannerList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2b16zuj30ci08cwf4.jpg");
bannerList.add("http://ww4.sinaimg.cn/large/006uZZy8jw1faic2e7vsaj30ci08cglz.jpg");
Banner banner = findViewById(R.id.banner);
banner.setAdapter(new BannerImageAdapter<String>(bannerList) {
    @Override
    public void onBindView(BannerImageHolder holder, String data, int position, int size) {
        Glide.with(holder.itemView)
                .load(data)
                .apply(RequestOptions.bitmapTransform(new RoundedCorners(30)))
                .into(holder.imageView);
    }
}).addBannerLifecycleObserver(this).setBannerRound(30).setIndicator(new CircleIndicator(this));

打开应用即可看到，轮播图实现了，还自带了小圆点。